Expand your HTML skills through an MDN Fellowship - Apply by April 1 http://mzl.la/MDNFellowship

mozilla
Vos résultats de recherche

    Liste des attributs HTML

    Les éléments en HTML ont des attributs. Ce sont des informations supplémentaires qui permettent de configurer les éléments ou de modifier leur comportement de différentes façons, en fonction des choix de l'auteur de la page.

    Liste des attributs

    Nom de l'attribut Éléments Description
    accept <form>, <input> Liste de types que le serveur accepte, en principe un type de fichier.
    accept-charset <form> Liste de jeux de caractères supportés.
    accesskey Attribut global Définit un raccourci clavier pour activer ou sélectionner un élément.
    action <form> L'URI du programme qui traite les données envoyées par le formulaire.
    align <applet>, <caption>, <col>, <colgroup><hr>, <iframe>, <img>, <table>, <tbody><td><tfoot> , <th>, <thead>, <tr> Définit l'alignement horizontal de l'élément.
    alt

    <applet>, <area>, <img>, <input>

    Texte alternatif pour les situations où l'image ne peut être affichée.
    async <script> Indique que le script doit être executé de façon asynchrone.
    autocomplete <form>, <input> Indique si les éléments du formulaire peuvent être remplis par défaut automatiquement par le navigateur.
    autofocus <button>, <input>, <keygen>, <select>, <textarea> L'élement doit être automatiquement sélectionné après le chargement de la page.
    autoplay <audio>, <video> L'audio ou la vidéo doit être joué dès que possible.
    autosave <input> Les valeurs précédemment saisies doivent apparaître dans une liste déroulante lors de la saisie.
    bgcolor <body>, <col>, <colgroup>, <marquee>, <table>, <tbody>, <tfoot>, <td>, <th>, <tr>

    Couleur d'arrière-plan de l'élément

    Note : L'utilisation de cet attribut est déconseillé. Utilisez plutôt la propriété CSS background-color.

    border <img>, <object>, <table>

    La largeur de la bordure.

    Note : L'utilisation de cet attribut est déconseillé. Utilisez plutôt la propriété CSS border.

    buffered <audio>, <video> Contient la période de temps du média déjà en mémoire tampon.
    challenge <keygen> Une chaîne de caractères envoyée avec la clef publique.
    charset <meta>, <script> Déclare le jeu de caractères de la page ou du script.
    checked <command>, <input> Indique si l'élément doit être coché au chargement de la page.
    cite <blockquote>, <del>, <ins>, <q> Contient une URI pointant vers la source de la citation ou du changement.
    class Attribut global Souvent utilisé en CSS pour mettre en forme des éléments avec des propriétés communes.
    code <applet> Indique l'URL du fichier '.class' de l'applet à charger et éxecuter
    codebase <applet> Cet attribut donne l'URL relative ou absolue du repertoire où se trouvent les fichiers '.class' de l'applet, renseigné par l'attribut code.
    color <basefont>, <font>, <hr>

    Définit la couleur du texte en utilisant soit une couleur nommée ou une couleur au format hexadecimal #RRGGBB.

    Note : L'utilisation de cet attribut est déconseillé. Utilisez plutôt la propriété CSS color.

    cols <textarea> Définit le nombre de colonnes dans un textarea.
    colspan <td>, <th> Définit le nombre de colonnes sur lesquelles une cellule doit s'étendre.
    content <meta> Une valeur associée à http-equiv ou name selon le contexte.
    contenteditable Attribut global Indique si le contenu de l'élément est modifiable.
    contextmenu Attribut global Définit l'identifiant d'un élément <menu> qui servira en tant que menu contextuel de l'élément.
    controls <audio>, <video> Indique si le navigateur doit afficher les contrôles de lecture à l'utilisateur.
    coords <area> Un ensemble de valeur définissant les coordonnées de la zone active (répondant au clic).
    data <object> Spécifie l'URL de la ressource.
    data-* Attribut global Permet de définir ses propres attributs sur les éléments HTML.
    datetime <del>, <ins>, <time> Indique la date et l'heure associées à l'élément.
    default <track> Indique que le track doit être activé sauf si les préférences de l'utilisateur sont différentes.
    defer <script> Indique que le script doit être exécuté après que la page ait été parsée.
    dir Attribut global Définit la direction du texte. Les valeurs autorisées sont : ltr (Left-To-Right : Gauche à Droite) ou rtl (Right-To-Left : Droite à Gauche)
    dirname <input>, <textarea>  
    disabled <button>, <command>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>, <textarea> Indique si l'utilisateur peut intéragir avec l'élément.
    download <a>, <area> Indique que l'hyperlien doit être utilisé pour télécharger la ressource.
    draggable Attribut global Définit si l'élément peut être déplacer à la souris dans un mouvement de « glisser-déposer ».
    dropzone Attribut global Indique si l'élément accepte de recevoir du contenu après un glisser-déposer.
    enctype <form> Définit le type d'encodage des données du formulaire quand la method est POST.
    for <label>, <output> Décrit l'élément qui lui est associé
    form <button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>, <output>, <progress>, <select>, <textarea> Indique le formulaire qui est propriétaire de l'élément.
    formaction <input>, <button> Indique l'action de l'élément et surcharge l'action éventuellement définie dans le <form>
    headers <td>, <th> Identifiants des éléments <th> qui s'appliquent à cet élément.
    height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Note : Dans certains cas, tel que <div>, il s'agit d'un attribut déconseillé. Dans ce cas, la propriété CSS height doit être utilisée. Dans les autres cas, tel que <canvas>, la hauteur doit être indiquée avec cet attribut.
    hidden Attribut global Indique la pertinence d'un élément.
    high <meter> Indique la partie basse, de la zone maximale.
    href <a>, <area>, <base>, <link> L'URL de la ressource liée.
    hreflang <a>, <area>, <link> Indique la langue de la ressource liée.
    http-equiv <meta>  
    icon <command> Définit une image pour représenter l'action.
    id Attribut global Souvent utilisé en CSS pour styler un élément spécifique. La valeur de cet attribut doit être unique.
    ismap <img> Indique que l'image fait partie d'une image map serveur.
    itemprop Attribut global  
    keytype <keygen> Définit le type de clef générée.
    kind <track> Indique le type de texte pour le track.
    label <track> Indique un titre lisible par l'utilisateur pour le texte du track.
    lang Attribut global Indique la langue utilisée dans l'élément.
    language <script> Indique le language de script utilisé dans l'élément.
    list <input> Identifie une liste d'option prédéfinies à suggérer à l'utilisateur.
    loop <audio>, <bgsound>, <marquee>, <video> Définit si le media doit être rejoué depuis le départ une fois arrivé à la fin.
    low <meter> Indique la partie haute, de la zone minimale.
    manifest <html> Indique l'URL du cache manifest du document.
    max <input>, <meter>, <progress> Définit la valeur maximum autorisée.
    maxlength <input>, <textarea> Définit le nombre de caractères maximum autorisé dans l'élément.
    media <a>, <area>, <link>, <source>, <style> Donne une information sur le media pour lequel la ressource liée a été conçue.
    method <form> Définit quel méthode HTTP doit être utilisé quand le formulaire est envoyé. Peut être GET (défaut) ou POST.
    min <input>, <meter> Définit la valeur minimum autorisée.
    multiple <input>, <select> Définit si plusieurs valeurs peuvent être saisies dans un champ de type email ou file.
    name <button>, <form>, <fieldset>, <iframe>, <input>, <keygen>, <object>, <output>, <select>, <textarea>, <map>, <meta>, <param> Nom de l'élément. Utilisé par exemple par le serveur pour identifier les champs du formulaire soumis.
    novalidate <form> Indique si le formulaire ne doit par être validé quand il est soumis.
    open <details> Indique si les détails seront montrés au chargement de la page.
    optimum <meter> Indique la valeur numérique optimale.
    pattern <input> Définit une expression rationnelle par rapport à laquelle la valeur de l'élément devra être testée.
    ping <a>, <area>  
    placeholder <input>, <textarea> Indique un texte informatif à afficher pour l'utilisateur dans l'élément.
    poster <video> Une URL vers une image Poster à afficher avant que l'utilisateur ne joue le media.
    preload <audio>, <video> Indique si toute la ressource, une partie, ou rien doit être préchargé.
    pubdate <time> Indique si cette date et heure est la date de publication de l'élément <article> le plus proche.
    radiogroup <command>  
    readonly <input>, <textarea> Indique si l'élément peut être modifié.
    rel <a>, <area>, <link> Définit la relation de l'objet cible avec l'objet liant.
    required <input>, <select>, <textarea> Indique si l'élément doit être obligatoirement rempli ou non.
    reversed <ol> Indique si la liste doit être affichée dans un sens descendant ou ascendant.
    rows <textarea> Définit le nombre de lignes dans un textarea.
    rowspan <td>, <th> Définit le nombre de rangées sur lesquelles doit s'étendre la cellule.
    sandbox <iframe>  
    spellcheck Attribut global Indique si la vérification orthographique doit être appliquée à l'élément.
    scope <th>  
    scoped <style>  
    seamless <iframe>  
    selected <option> Définit une valeur qui sera sélectionnée au chargement de la page.
    shape <a>, <area>  
    size <input>, <select> Définit la largeur de l'élément (en pixels). Si l'attribut type de l'élément est text ou password, il s'agit alors du nombre de caractères.
    sizes <link>  
    span <col>, <colgroup>  
    src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> L'URL du contenu inclus.
    srcdoc <iframe>  
    srclang <track>  
    srcset <img>  
    start <ol> Définit le premier nombre de la liste si différent de 1.
    step <input>  
    style Attribut global Définit les styles CSS qui primeront sur les styles précédemment définis.
    summary <table>  
    tabindex Attribut global Remplace l'ordre de tabulation par défaut du navigateur et suit celui défini à la place.
    target <a>, <area>, <base>, <form>  
    title Attribut global Texte à afficher dans une bulle d'information au survol de l'élément.
    type <button>, <input>, <command>, <embed>, <object>, <script>, <source>, <style>, <menu> Définit le type de l'élément.
    usemap <img><input>, <object>  
    value <button>, <option>, <input>, <li>, <meter>, <progress>, <param> Définit une valeur par défaut qui sera affichée dans l'élément au chargement de la page.
    width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Note : Dans certains cas, tel que <div>, il s'agit d'un attribut déconseillé et dans ce cas, la propriété CSS width doit être utilisée. Dans les autres cas, tel que <canvas>, la largeur doit être indiquée avec cet attribut.
    wrap <textarea> Indique comment la césure doit être gérée.

    Attributs de contenu et attributs IDL

    En HTML, la plupart des attributs existent avec deux facettes : l'attribut de contenu et l'attribut IDL.

    L'attribut de contenu est celui qui est observé ans le code HTML et qui peut être obtenu ou défini grâce à element.setAttribute() ou element.getAttribute(). L'attribut de contenu est toujours une chaîne de caractères, même lorsque la valeur attendue est un entier. Ainsi, si on définit la valeur de l'attribut maxlength à 42 pour un élément <input>, on devra utiliser setAttribute("maxlength", "42") pour l'élément.

    Les attributs IDL sont des propriétés JavaScript. Ce sont des attributs qu'on peut lire ou modifier en utilisant JavaScript (par exemple element.toto).  L'attribut IDL utilisera toujours (et éventuellement transformera) l'attribut de contenu pour obtenir une valeur, lorsqu'on modifiera l'attribut IDL, l'attribut de contenu sera également impacté. Autrement dit, de façon générale, les attributs IDL reflètent les attributs de contenu.

    La plupart du temps, les attributs IDL renverront la valeur qui est utilisée in fine. Par exemple, la valeur par défaut pour type sur les éléments <input> est "text". Si on définit input.type="tototruc", l'élément <input> sera de type text (pour l'apparence et le comportement) mais la valeur pour l'attribut de contenu type sera "tototruc". En revanche, l'attribut IDL pour type renverra bien la chaîne de caractères "text".

    Les attributs IDL ne sont pas nécessairement des chaînes de caractères. Par exemple, input.maxlength est un nombre (signed long). Lorsqu'on manipule les attributs IDL, on utilisera les types de données adéquats. Par exemple, quand on consulte input.maxlength on obtient un nombre et quand on définit input.maxlength on passe un nombre à la fonction. Si on utilise une valeur d'un autre type, celle-ci est convertie en un nombre selon les règles de conversion JavaScript.

    Les attributs IDL peuvent refléter d'autres types comme des booléens, des URL, etc. Cependant, il n'existe pas de règle claire sur le comportement des attributs IDL par rapport aux attributs de contenus. Il est donc recommandé de lire les spécifications pour mieux comprendre comment certains attributs se comportent.

    Voir aussi

    Étiquettes et contributeurs liés au document

    Contributors to this page: louuis, tregagnon, msherefel, SphinxKnight, FredB
    Dernière mise à jour par : SphinxKnight,