HTML Référence des Attributs
Référence des Attributs HTML
Le tableau ci-dessous liste tous les attributs HTML et les éléments dans lesquels ils peuvent être utilisés :
onstorage onwheel
| Attribut | Appartient à | Description |
|---|---|---|
| accept | <input> | Spécifie les types de fichiers que le serveur accepte (uniquement pour type="file") |
| accept-charset | <form> | Spécifie les encodages de caractères à utiliser pour la soumission du formulaire |
| accesskey | Attributs Globaux | Spécifie une touche de raccourci pour activer ou focaliser un élément |
| action | <form> | Spécifie où envoyer les données du formulaire lors de la soumission |
| align | Non supporté en HTML 5. | Spécifie l'alignement selon les éléments environnants. Utilisez CSS à la place |
| alt | <area> , <img> , <input> | Spécifie un texte alternatif lorsque l'élément original ne s'affiche pas |
| async | <script> | Indique que le script est exécuté de manière asynchrone (uniquement pour les scripts externes) |
| autocomplete | <form> , <input> | Indique si l'autocomplétion doit être activée pour le <form> ou l'élément <input> |
| autofocus | <button> , <input> , <select> , <textarea> | Indique que l'élément doit automatiquement obtenir le focus lorsque la page se charge |
| autoplay | <audio> , <video> | Indique que l'audio/vidéo commencera à jouer dès qu'il sera prêt |
| bgcolor | Non supporté en HTML 5. | Indique la couleur de fond d'un élément. Utilisez CSS à la place |
| border | Non supporté en HTML 5. | Indique la largeur de la bordure d'un élément. Utilisez CSS à la place |
| charset | <meta> , <script> | Indique l'encodage des caractères |
| checked | <input> | Indique qu'un élément <input> doit être pré-sélectionné lorsque la page se charge (pour type="checkbox" ou type="radio") |
| cite | <blockquote>, <del> , <ins> , <q> | Indique une URL qui explique le texte cité, supprimé ou inséré |
| class | Attributs Globaux | Indique un ou plusieurs noms de classe pour un élément (fait référence à une classe dans une feuille de style) |
| color | Non supporté en HTML 5. | Indique la couleur du texte d'un élément. Utilisez CSS à la place |
| cols | <textarea> | Indique la largeur visible d'une zone de texte |
| colspan | <td> , <th> | Indique 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 | Indique si le contenu d'un élément est modifiable ou non |
| controls | <audio> , <video> | Indique que les contrôles audio/vidéo doivent être affichés (comme un bouton de lecture/pause, etc.) |
| coords | <area> | Indique les coordonnées de la zone |
| data | <object> | Indique l'URL de la ressource à utiliser par l'objet |
| data-* | Attributs Globaux | Utilisé pour stocker des données personnalisées privées à la page ou à l'application |
| datetime | <del> , <ins> , <time> | Indique la date et l'heure |
| default | <track> | Indique 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> | Indique que le script est exécuté lorsque la page a fini d'être analysée (uniquement pour les scripts externes) |
| dir | Attributs Globaux | Indique la direction du texte pour le contenu d'un élément |
| dirname | <input> , <textarea> | Indique que la direction du texte sera soumise |
| disabled | <button> , <fieldset> , <input> , <optgroup>, <option> , <select> , <textarea> | Indique que l'élément ou le groupe d'éléments spécifié doit être désactivé |
| download | <a> , <area> | Indique que la cible sera téléchargée lorsqu'un utilisateur clique sur le lien hypertexte |
| draggable | Attributs Globaux | Indique si un élément est déplaçable ou non |
| enctype | <form> | Indique comment les données du formulaire doivent être encodées lors de leur soumission au serveur (uniquement pour method="post") |
| enterkeyhint | Attributs Globaux | Indique le texte de la touche entrée sur un clavier virtuel |
| for | <label>, <output> | Indique à quel(s) élément(s) de formulaire une étiquette ou un calcul est lié |
| form | <button> , <fieldset> , <input> , <label>, <meter> , <object> , <output> , <select> , <textarea> | Indique le nom du formulaire auquel appartient l'élément |
| formaction | <button> , <input> | Indique où envoyer les données du formulaire lors de la soumission. Uniquement pour type="submit" |
| headers | <td> , <th> | Indique une ou plusieurs cellules d'en-tête auxquelles une cellule est liée |
| height | <canvas>, <embed> , <iframe> , <img> , <input> , <object> , <video> | Indique la hauteur de l'élément |
| hidden | Attributs Globaux | Indique qu'un élément n'est pas encore, ou n'est plus, pertinent |
| high | <meter> | Indique la plage considérée comme une valeur élevée |
| href | <a> , <area> , <base> , <link> | Indique l'URL de la page vers laquelle le lien mène |
| hreflang | <a> , <area> , <link> | Indique la langue du document lié |
| http-equiv | <meta> | Fournit un en-tête HTTP pour l'information ou la valeur de l'attribut content |
| id | Attributs Globaux | Indique un identifiant unique pour un élément |
| inert | Attributs Globaux | Indique que le navigateur doit ignorer cette section |
| inputmode | Attributs Globaux | Indique le mode d'un clavier virtuel |
| ismap | <img> | Indique une image comme une carte d'image côté serveur |
| kind | <track> | Indique le type de piste de texte |
| label | <track> , <option> , <optgroup> | Indique le titre de la piste de texte |
| lang | Attributs Globaux | Indique 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> | Indique que l'audio/vidéo recommencera à chaque fois qu'il sera terminé |
| low | <meter> | Indique la plage considérée comme une valeur faible |
| max | <input> , <meter> , <progress> | Indique la valeur maximale |
| maxlength | <input> , <textarea> | Indique le nombre maximum de caractères autorisés dans un élément |
| media | <a> , <area> , <link> , <source> , <style> | Indique pour quel média ou appareil le document lié est optimisé |
| method | <form> | Indique la méthode HTTP à utiliser lors de l'envoi des données du formulaire |
| min | <input> , <meter> | Indique une valeur minimale |
| multiple | <input> , <select> | Indique qu'un utilisateur peut entrer plus d'une valeur |
| muted | <video> , <audio> | Indique que la sortie audio de la vidéo doit être muette |
| name | <button> , <fieldset> , <form> , <iframe> , <input> , <map> , <meta> , <object> , <output> , <param> , <select> , <textarea> | Indique le nom de l'élément |
| novalidate | <form> | Indique que le formulaire ne doit pas être validé lors de la 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 (lorsqu'il a mis en mémoire tampon suffisamment pour commencer) |
| oncanplaythrough | <audio> , <video> | Script à exécuter lorsqu'un fichier peut être joué jusqu'à la fin sans pause pour le tamponnement |
| 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'élément est cliqué |
| 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 le repère 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-déposer |
| 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 déplacé au-dessus d'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-déposer |
| ondrop | Tous les éléments visibles. | Script à exécuter lorsque l'élément glissé est déposé |
| ondurationchange | <audio> , <video> | Script à exécuter lorsque la durée des médias change |
| onemptied | <audio> , <video> | Script à exécuter lorsque quelque chose de mauvais se produit et que le fichier devient soudainement indisponible (comme une déconnexion inattendue) |
| onended | <audio> , <video> | Script à exécuter lorsque les médias ont atteint la fin (un événement utile pour des messages comme "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 changements dans la partie ancre d'une URL |
| oninput | Tous les éléments visibles. | Script à exécuter lorsque l'élément reçoit une entrée utilisateur |
| oninvalid | Tous les éléments visibles. | Script à exécuter lorsque l'élément est invalide |
| 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 relâche une touche |
| onload | <body> , <iframe> , <img> , <input> , <link> , <script> , <style> | Script à exécuter lorsque l'élément a fini de se charger |
| onloadeddata | <audio> , <video> | Script à exécuter lorsque les données des mé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 juste 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 lorsque le pointeur de la souris sort d'un élément |
| onmouseover | Tous les éléments visibles. | Script à exécuter lorsque le pointeur de la souris se déplace 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 lorsque la molette de la souris est enroulée 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 navigue loin d'une page |
| onpageshow | <body> | Script à exécuter lorsqu'un utilisateur navigue vers 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 les médias sont mis en pause soit par l'utilisateur soit par programme |
| onplay | <audio> , <video> | Script à exécuter lorsque les médias ont commencé à jouer |
| onplaying | <audio> , <video> | Script à exécuter lorsque les médias ont commencé à jouer |
| 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 des médias |
| onratechange | <audio> , <video> | Script à exécuter chaque fois que le taux de lecture change (comme lorsque l'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 lorsque la fenêtre du navigateur est redimensionnée. |
| onscroll | Tous les éléments visibles. | Script à exécuter lorsque la barre de défilement d'un élément est en cours de défilement |
| onsearch | <input> | Script à exécuter lorsque l'utilisateur écrit quelque chose dans un champ de recherche (pour <input type="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 est incapable de récupérer les données des médias pour une raison quelconque |
| <body> | Script à exécuter lorsqu'une zone de stockage Web est mise à jour | |
| onsubmit | <form> | Script à exécuter lorsqu'un formulaire est soumis |
| onsuspend | <audio> , <video> | Script à exécuter lorsque la récupération des données des mé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 à un autre point dans les médias) |
| ontoggle | <details> | Script à exécuter lorsque l'utilisateur ouvre ou ferme l'élément <details> |
| onunload | <body> | Script à exécuter lorsqu'une page a été déchargée (ou que la fenêtre du navigateur a été fermée) |
| onvolumechange | <audio> , <video> | Script à exécuter chaque fois que le volume d'une vidéo ou d'un audio a été modifié |
| onwaiting | <audio> , <video> | Script à exécuter lorsque les médias sont en pause mais devraient reprendre (comme lorsque les médias se mettent en pause pour tamponner plus de données) |
| 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> | Indique que les détails doivent être visibles (ouverts) pour l'utilisateur |
| optimum | <meter> | Indique quelle valeur est la valeur optimale pour le jauge |
| pattern | <input> | Indique une expression régulière contre laquelle la valeur d'un élément <input> est vérifiée |
| placeholder | <input> , <textarea> | Indique un court indice qui décrit la valeur attendue de l'élément |
| popover | Attributs Globaux | Indique un élément popover |
| popovertarget | <button> , <input> | Indique quel élément popover doit être invoqué |
| popovertargetaction | <button> , <input> | Indique ce qui se passe avec l'élément popover lorsque le bouton est cliqué |
| poster | <video> | Indique une image à afficher pendant que la vidéo se télécharge, ou jusqu'à ce que l'utilisateur appuie sur le bouton de lecture |
| preload | <audio> , <video> | Indique si et comment l'auteur pense que l'audio/vidéo doit être chargé lorsque la page se charge |
| readonly | <input> , <textarea> | Indique que l'élément est en lecture seule |
| rel | <a> , <area> , <form> , <link> | Indique la relation entre le document actuel et le document lié |
| required | <input> , <select> , <textarea> | Indique que l'élément doit être rempli avant de soumettre le formulaire |
| reversed | <ol> | Indique que l'ordre de la liste doit être décroissant (9,8,7...) |
| rows | <textarea> | Indique le nombre visible de lignes dans une zone de texte |
| rowspan | <td> , <th> | Indique le nombre de lignes qu'une cellule de tableau doit couvrir |
| sandbox | <iframe> | Active un ensemble supplémentaire de restrictions pour le contenu dans un <iframe> |
| scope | <th> | Indique 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> | Indique qu'une option doit être pré-sélectionnée lorsque la page se charge |
| shape | <area> | Indique la forme de la zone |
| size | <input> , <select> | Indique la largeur, en caractères (pour <input>) ou le nombre d'options visibles (pour <select>) |
| sizes | <img> , <link> , <source> | Indique la taille de la ressource liée |
| span | <col> , <colgroup> | Indique le nombre de colonnes à couvrir |
| spellcheck | Attributs Globaux | Indique si l'élément doit avoir son orthographe et sa grammaire vérifiées ou non |
| src | <audio> , <embed> , <iframe> , <img> , <input> , <script> , <source> , <track> , <video> | Indique l'URL du fichier multimédia |
| srcdoc | <iframe> | Indique le contenu HTML de la page à afficher dans le <iframe> |
| srclang | <track> | Indique la langue des données textuelles de la piste (nécessaire si kind="subtitles") |
| srcset | <img> , <source> | Indique l'URL de l'image à utiliser dans différentes situations |
| start | <ol> | Indique la valeur de départ d'une liste ordonnée |
| step | <input> | Indique les intervalles numériques légaux pour un champ de saisie |
| style | Attributs Globaux | Indique un style CSS en ligne pour un élément |
| tabindex | Attributs Globaux | Indique l'ordre de tabulation d'un élément |
| target | <a> , <area> , <base> , <form> | Indique la cible pour où ouvrir le document lié ou où soumettre le formulaire |
| title | Attributs Globaux | Indique des informations supplémentaires sur un élément |
| translate | Attributs Globaux | Indique si le contenu d'un élément doit être traduit ou non |
| type | <a> , <button> , <embed> , <input> , <link> , <menu> , <object> , <script> , <source> , <style> | Indique le type d'élément |
| usemap | <img> , <object> | Indique une image comme une carte d'image côté client |
| value | <button> , <input> , <li> , <option> , <meter> , <progress> , <param> | Indique la valeur de l'élément |
| width | <canvas>, <embed> , <iframe> , <img> , <input> , <object> , <video> | Indique la largeur de l'élément |
| wrap | <textarea> | Indique comment le texte dans une zone de texte doit être enveloppé lors de la soumission dans un formulaire |