Référence HTML de l'Attribut
Référence des attributs HTML
Le tableau ci-dessous répertorie tous les attributs HTML et les éléments dans lesquels ils peuvent être utilisés :
| Attribut | Appartient à | Description |
|---|---|---|
| accept | <input> | Spécifiez les types de fichiers que le serveur accepte (uniquement pour type="file") |
| accept-charset | <form> | Spécifiez les codages de caractères à utiliser pour la soumission du formulaire |
| accesskey | Attributs globaux | Spécifier une touche de raccourci pour activer/concentrer un élément |
| action | <form> | Spécifiez où envoyer les données du formulaire lorsqu'un formulaire est soumis |
| align | Non pris en charge dans HTML 5. | Spécifiez l'alignement en fonction des éléments environnants. Utilisez plutôt CSS |
| alt | <area>, <img>, <input> | Spécifiez un texte alternatif lorsque l'élément d'origine ne s'affiche pas |
| async | <script> | Spécifiez que le script est exécuté de manière asynchrone (uniquement pour les scripts externes) |
| autocomplete | <form>, <input> | Spécifiez si l'élément <form> ou <input> doit avoir la saisie semi-automatique activée |
| autofocus | <button>, <input>, <select>, <textarea> | Spécifiez que l'élément doit automatiquement obtenir le focus lors du chargement de la page |
| autoplay | <audio>, <video> | Spécifiez que la lecture audio/vidéo commencera dès qu'elle sera prête |
| bgcolor | Non pris en charge dans HTML 5. | Spécifiez la couleur d'arrière-plan d'un élément. Utilisez plutôt CSS |
| border | Non pris en charge dans HTML 5. | Spécifiez la largeur de la bordure d'un élément. Utilisez plutôt CSS |
| charset | <meta>, <script> | Spécifie le codage des caractères |
| checked | <input> | Spécifiez que <input> un élément doit être présélectionné lors du chargement de la page (par exemple type="checkbox" ou type="radio") |
| cite | <blockquote>, <del>, <ins>, <q> | Spécifie une URL qui explique la citation/le texte supprimé/inséré |
| class | Attributs globaux | Spécifiez un ou plusieurs noms de classe pour un élément (fait référence à une classe dans une feuille de style) |
| color | Non pris en charge dans HTML 5. | Spécifiez la couleur du texte d'un élément. Utilisez plutôt CSS |
| cols | <textarea> | Spécifier la largeur visible d'une zone de texte |
| colspan | <td>, <th> | Spécifiez le nombre de colonnes qu'une cellule de tableau doit couvrir |
| content | <meta> | Donne la valeur associée à l'attribut http-equiv ou name |
| contenteditable | Attributs globaux | Spécifier si le contenu d'un élément est modifiable ou non |
| controls | <audio>, <video> | Spécifiez que les commandes audio/vidéo doivent être affichées (comme un bouton lecture/pause, etc.) |
| coords | <area> | Préciser les coordonnées de la zone |
| data | <object> | Spécifiez l'URL de la ressource à utiliser par l'objet |
| data-* | Attributs globaux | Utilisé pour stocker des données personnalisées privées sur la page ou l'application |
| datetime | <del>, <ins>, <time> | Précisez la date et l'heure |
| default | <track> | Préciser que la piste doit être activée si les préférences de l'utilisateur n'indiquent pas qu'une autre piste serait plus appropriée |
| defer | <script> | Spécifiez que le script est exécuté lorsque la page a terminé l'analyse (uniquement pour les scripts externes) |
| dir | Attributs globaux | Spécifier la direction du texte pour le contenu d'un élément |
| dirname | <input>, <textarea> | Spécifiez que la direction du texte sera soumise |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Spécifiez que l'élément/groupe d'éléments spécifié doit être désactivé |
| download | <a>, <area> | Spécifiez que la cible sera téléchargée lorsqu'un utilisateur clique sur le lien hypertexte |
| draggable | Attributs globaux | Spécifiez si un élément peut être déplacé ou non |
| enctype | <form> | Spécifiez comment les données du formulaire doivent être codées lors de leur soumission au serveur (uniquement pour method="post") |
| for | <label>, <output> | Spécifiez à quel(s) élément(s) de formulaire une étiquette/un calcul est lié |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Spécifiez le nom du formulaire auquel appartient l'élément |
| formaction | <button>, <input> | Spécifiez où envoyer les données du formulaire lorsqu'un formulaire est soumis. Uniquement pour type="submit" |
| headers | <td>, <th> | Spécifiez une ou plusieurs cellules d'en-tête auxquelles une cellule est liée |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Spécifiez la hauteur de l'élément |
| hidden | Attributs globaux | Préciser qu'un élément n'est pas encore, ou plus, pertinent |
| high | <meter> | Spécifiez la plage considérée comme une valeur élevée |
| href | <a>, <area>, <base>, <link> | Spécifiez l'URL de la page vers laquelle le lien mène |
| hreflang | <a>, <area>, <link> | Préciser la langue du document lié |
| http-equiv | <meta> | Fournit un en-tête HTTP pour les informations/valeurs de l'attribut de contenu |
| id | Attributs globaux | Spécifie un identifiant unique pour un élément |
| ismap | <img> | Spécifier une image comme image cliquable côté serveur |
| kind | <track> | Spécifiez le type de piste de texte |
| label | <track>, <option>, <optgroup> | Spécifiez le titre de la piste de texte |
| lang | Attributs globaux | Spécifiez la langue du contenu de l'élément |
| list | <input> | Fait référence à un élément <datalist> qui contient des options prédéfinies pour un élément <input> |
| loop | <audio>, <video> | Spécifiez que l'audio/vidéo recommencera à chaque fois qu'il sera terminé |
| low | <meter> | Spécifiez la plage considérée comme une valeur faible |
| max | <input>, <meter>, <progress> | Spécifie la valeur maximale |
| maxlength | <input>, <textarea> | Spécifiez le nombre maximum de caractères autorisés dans un élément |
| media | <a>, <area>, <link>, <source>, <style> | Spécifiez pour quel support/appareil le document lié est optimisé |
| method | <form> | Spécifiez la méthode HTTP à utiliser lors de l'envoi de données de formulaire |
| min | <input>, <meter> | Spécifie une valeur minimale |
| multiple | <input>, <select> | Spécifier qu'un utilisateur peut saisir plusieurs valeurs |
| muted | <video>, <audio> | Spécifiez que la sortie audio de la vidéo doit être coupée |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Spécifiez le nom de l'élément |
| novalidate | <form> | Préciser que le formulaire ne doit pas être validé lors de sa soumission |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Script à exécuter en cas d'abandon |
| onafterprint | <body> | Script à exécuter après l'impression du document |
| onbeforeprint | <body> | Script à exécuter avant l'impression du document |
| onbeforeunload | <body> | Script à exécuter lorsque le document est sur le point d'être déchargé |
| onblur | Tous les éléments visibles | Script à exécuter lorsque l'élément perd le focus |
| oncanplay | <audio>, <embed>, <object>, <video> | Script à exécuter lorsqu'un fichier est prêt à commencer à jouer (quand il a suffisamment de mémoire tampon pour commencer) |
| oncanplaythrough | <audio>, <video> | Script à exécuter lorsqu'un fichier peut être lu jusqu'à la fin sans pause pour la mise en mémoire tampon |
| onchange | Tous les éléments visibles | Script à exécuter lorsque la valeur de l'élément est modifiée |
| onclick | Tous les éléments visibles | Script à exécuter lorsque l'on clique sur l'élément |
| oncontextmenu | Tous les éléments visibles | Script à exécuter lorsqu'un menu contextuel est déclenché |
| oncopy | Tous les éléments visibles | Script à exécuter lorsque le contenu de l'élément est copié |
| oncuechange | <track> | Script à exécuter lorsque la cue change dans un élément <track> |
| oncut | Tous les éléments visibles | Script à exécuter lorsque le contenu de l'élément est coupé |
| ondblclick | Tous les éléments visibles | Script à exécuter lorsque l'élément est double-cliqué |
| ondrag | Tous les éléments visibles | Script à exécuter lorsque l'élément est déplacé |
| ondragend | Tous les éléments visibles | Script à exécuter à la fin d'une opération de glisser |
| ondragenter | Tous les éléments visibles | Script à exécuter lorsqu'un élément a été glissé vers une cible de dépôt valide |
| ondragleave | Tous les éléments visibles | Script à exécuter lorsqu'un élément quitte une cible de dépôt valide |
| ondragover | Tous les éléments visibles | Script à exécuter lorsqu'un élément est glissé sur une cible de dépôt valide |
| ondragstart | Tous les éléments visibles | Script à exécuter au début d'une opération de glisser |
| ondrop | Tous les éléments visibles | Script à exécuter lorsqu'un élément glissé est déposé |
| ondurationchange | <audio>, <video> | Script à exécuter lorsque la longueur du média change |
| onemptied | <audio>, <video> | Script à exécuter lorsque quelque chose de grave se produit et que le fichier est soudainement indisponible (comme une déconnexion inattendue) |
| onended | <audio>, <video> | Script à exécuter lorsque le média est arrivé à la fin (un événement utile pour les messages du type "merci d'avoir écouté") |
| onerror | <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> | Script à exécuter lorsqu'une erreur se produit |
| onfocus | Tous les éléments visibles | Script à exécuter lorsque l'élément obtient le focus |
| onhashchange | <body> | Script à exécuter lorsqu'il y a eu des modifications dans la partie d'ancrage d'une URL |
| oninput | Tous les éléments visibles | Script à exécuter lorsque l'élément reçoit une entrée de l'utilisateur |
| oninvalid | Tous les éléments visibles | Script à exécuter lorsque l'élément n'est pas valide |
| onkeydown | Tous les éléments visibles | Script à exécuter lorsqu'un utilisateur appuie sur une touche |
| onkeypress | Tous les éléments visibles | Script à exécuter lorsqu'un utilisateur appuie sur une touche |
| onkeyup | Tous les éléments visibles | Script à exécuter lorsqu'un utilisateur libère une clé |
| onload | <body>, <iframe>, <img>, <input>, <link>, <script>, <style> | Script à exécuter lorsque le chargement de l'élément est terminé |
| onloadeddata | <audio>, <video> | Script à exécuter lorsque les données multimédias sont chargées |
| onloadedmetadata | <audio>, <video> | Script à exécuter lorsque les métadonnées (comme les dimensions et la durée) sont chargées |
| onloadstart | <audio>, <video> | Script à exécuter au moment où le fichier commence à se charger avant que quoi que ce soit ne soit réellement chargé |
| onmousedown | Tous les éléments visibles | Script à exécuter lorsqu'un bouton de la souris est enfoncé sur un élément |
| onmousemove | Tous les éléments visibles | Script à exécuter tant que le pointeur de la souris se déplace sur un élément |
| onmouseout | Tous les éléments visibles | Script à exécuter lorsqu'un pointeur de la souris quitte un élément |
| onmouseover | Tous les éléments visibles | Script à exécuter lorsqu'un pointeur de la souris passe sur un élément |
| onmouseup | Tous les éléments visibles | Script à exécuter lorsqu'un bouton de la souris est relâché sur un élément |
| onmousewheel | Tous les éléments visibles | Script à exécuter lorsqu'une molette de la souris défile sur un élément |
| onoffline | <body> | Script à exécuter lorsque le navigateur commence à fonctionner hors ligne |
| ononline | <body> | Script à exécuter lorsque le navigateur commence à fonctionner en ligne |
| onpagehide | <body> | Script à exécuter lorsqu'un utilisateur quitte une page |
| onpageshow | <body> | Script à exécuter lorsqu'un utilisateur accède à une page |
| onpaste | Tous les éléments visibles | Script à exécuter lorsque l'utilisateur colle du contenu dans un élément |
| onpause | <audio>, <video> | Script à exécuter lorsque le média est mis en pause, soit par l'utilisateur, soit par programme |
| onplay | <audio>, <video> | Script à exécuter lorsque la lecture du média a commencé |
| onplaying | <audio>, <video> | Script à exécuter lorsque la lecture du média a commencé |
| onpopstate | <body> | Script à exécuter lorsque l'historique de la fenêtre change |
| onprogress | <audio>, <video> | Script à exécuter lorsque le navigateur est en train d'obtenir les données multimédias |
| onratechange | <audio>, <video> | Script à exécuter à chaque fois que la vitesse de lecture change (comme lorsqu'un utilisateur passe en mode ralenti ou avance rapide) |
| onreset | <form> | Script à exécuter lorsqu'un bouton de réinitialisation dans un formulaire est cliqué |
| onresize | <body> | Script à exécuter lors du redimensionnement de la fenêtre du navigateur |
| onscroll | Tous les éléments visibles | Script à exécuter lorsque la barre de défilement d'un élément défile |
| onsearch | <input> | Script à exécuter lorsque l'utilisateur écrit quelque chose dans un champ de recherche (par exemple <input="search">) |
| onseeked | <audio>, <video> | Script à exécuter lorsque l'attribut de recherche est défini sur false, indiquant que la recherche est terminée |
| onseeking | <audio>, <video> | Script à exécuter lorsque l'attribut de recherche est défini sur true, indiquant que la recherche est active |
| onselect | Tous les éléments visibles | Script à exécuter lorsque l'élément est sélectionné |
| onstalled | <audio>, <video> | Script à exécuter lorsque le navigateur ne parvient pas à récupérer les données multimédias pour une raison quelconque |
| onstorage | <body> | Script à exécuter lors de la mise à jour d'une zone Web Storage |
| onsubmit | <form> | Script à exécuter lorsqu'un formulaire est soumis |
| onsuspend | <audio>, <video> | Le script à exécuter lorsque la récupération des données multimédias est arrêtée avant qu'elles ne soient complètement chargées pour une raison quelconque |
| ontimeupdate | <audio>, <video> | Script à exécuter lorsque la position de lecture a changé (comme lorsque l'utilisateur avance rapidement vers un point différent dans le média) |
| ontoggle | <details> | Script à exécuter lorsque l'utilisateur ouvre ou ferme l'élément <details> |
| onunload | <body> | Script à exécuter lorsqu'une page est déchargée (ou que la fenêtre du navigateur est fermée) |
| onvolumechange | <audio>, <video> | Script à exécuter chaque fois que le volume d'une vidéo/audio est modifié |
| onwaiting | <audio>, <video> | Script à exécuter lorsque le média est en pause, mais devrait reprendre (comme lorsque le média s'arrête pour mettre plus de données en mémoire tampon) |
| onwheel | Tous les éléments visibles | Script à exécuter lorsque la molette de la souris roule vers le haut ou vers le bas sur un élément |
| open | <details> | Spécifiez que les détails doivent être visibles (ouverts) pour l'utilisateur |
| optimum | <meter> | Spécifiez quelle valeur est la valeur optimale pour la jauge |
| pattern | <input> | Spécifie une expression régulière par rapport à laquelle la valeur d'un élément <input> est vérifiée |
| placeholder | <input>, <textarea> | Spécifie un court indice qui décrit la valeur attendue de l'élément |
| poster | <video> | Spécifiez une image à afficher pendant le téléchargement de la vidéo ou jusqu'à ce que l'utilisateur appuie sur le bouton de lecture |
| preload | <audio>, <video> | Spécifie si et comment l'auteur pense que l'audio/vidéo doit être chargé lors du chargement de la page |
| readonly | <input>, <textarea> | Spécifiez que l'élément est en lecture seule |
| rel | <a>, <area>, <form>, <link> | Spécifie la relation entre le document actuel et le document lié |
| required | <input>, <select>, <textarea> | Préciser que l'élément doit être rempli avant de soumettre le formulaire |
| reversed | <ol> | Spécifiez que l'ordre de la liste doit être décroissant (9,8,7...) |
| rows | <textarea> | Spécifiez le nombre de lignes visibles dans une zone de texte |
| rowspan | <td>, <th> | Spécifiez le nombre de lignes qu'une cellule du tableau doit s'étendre |
| sandbox | <iframe> | Active un ensemble supplémentaire de restrictions pour le contenu d'un <iframe> |
| scope | <th> | Spécifiez si une cellule d'en-tête est un en-tête pour une colonne, une ligne ou un groupe de colonnes ou de lignes |
| selected | <option> | Spécifie qu'une option doit être présélectionnée lors du chargement de la page |
| shape | <area> | Spécifiez la forme de la zone |
| size | <input>, <select> | Spécifie la largeur, en caractères (pour <input>) ou spécifie le nombre d'options visibles (pour <select>) |
| sizes | <img>, <link>, <source> | Spécifiez la taille de la ressource liée |
| span | <col>, <colgroup> | Spécifiez le nombre de colonnes à étendre |
| spellcheck | Attributs globaux | Précisez si l'orthographe et la grammaire de l'élément doivent être vérifiées ou non |
| src | <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> | Spécifiez l'URL du fichier multimédia |
| srcdoc | <iframe> | Spécifiez le contenu HTML de la page à afficher dans le <iframe> |
| srclang | <track> | Spécifiez la langue des données de texte de la piste (obligatoire si kind="subtitles") |
| srcset | <img>, <source> | Spécifiez l'URL de l'image à utiliser dans différentes situations |
| start | <ol> | Spécifier la valeur de départ d'une liste ordonnée |
| step | <input> | Spécifier les intervalles de numéros légaux pour un champ de saisie |
| style | Attributs globaux | Spécifier un style CSS en ligne pour un élément |
| tabindex | Attributs globaux | Spécifier l'ordre de tabulation d'un élément |
| target | <a>, <area>, <base>, <form> | Spécifiez la cible pour savoir où ouvrir le document lié ou où soumettre le formulaire |
| title | Attributs globaux | Spécifie des informations supplémentaires sur un élément |
| translate | Attributs globaux | Spécifier si le contenu d'un élément doit être traduit ou non |
| type | <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> | Spécifiez le type d'élément |
| usemap | <img>, <object> | Spécifier une image comme image cliquable côté client |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Spécifiez la valeur de l'élément |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Spécifiez la largeur de l'élément |
| wrap | <textarea> | Spécifier comment le texte d'une zone de texte doit être renvoyé à la ligne lorsqu'il est soumis dans un formulaire |
