<option>

Résumé

L'élément HTML <option> est utilisé dans un formulaire web pour utiliser un élément de contrôle au sein d'un élément  <select>, d'un élément <optgroup> ou de l'élément HTML5 <datalist>.

• Catégories de contenu Aucune
• Contenu autorisé Du texte (pouvant comporter des caractères échappés comme é)
• Omission de balises La balise de début est obligatoire. La balise de fin est optionnelle si l'élément est directement suivi par un autre élément <option> ou un élément <optgroup>, ou si l'élément parent n'a plus de contenu.
• Élément parents autorisés Un élément<select>, un élément <optgroup> ou un élément <datalist>.
• Interface DOM HTMLOptionElement

Attributs

Cet élément inclut les attributs globaux.

disabled

Si cet attribut booléen est utilisé, l'option ne pourra pas être sélectionnée. Le plus souvent, les navigateurs grisent de tels contrôles et ces derniers ne recevront aucun événement de navigation (comme les clics ou les événements de focus). Si cet attribut n'est pas renseigné, l'élément peut tout de même être désactivé si un de ces ancêtres est un élément <optgroup> désactivé.

label

Cet attribut est un texte indiquant la signification de l'option. Si l'attribut label n'est pas défini, sa valeur sera le texte contenu au sein de l'élément.

Note d'utilisation : l'attribut label est conçu pour contenir une brève description, généralement utilisée dans un menu. L'attribut value décrit un texte plus long, conçu pour être utilisé près d'un bouton radio, par exemple.

selected

Si cet attribut booléen est présent, il indique l'option sélectionnée initialement. Si l'élément <option> est le descendant d'un élément <select> dont l'attribut multiple n'est pas renseigné, une seule des options de cet élément <select> pourra avoir un attribut selected.

value

Le texte contenu dans cet attribut représente l'étiquette fournissant une explication pour l'option. S'il n'est pas défini, sa valeur par défaut est le texte contenu par l'élément.

Note d'utilisation : l'attribut label est conçu pour contenir une brève description, généralement utilisée dans un menu. L'attribut value décrit un texte plus long, conçu pour être utilisé près d'un bouton radio, par exemple.

Exemple

Voir l'élément <select> pour des exemples utilisant l'élément <option>.

Spécifications

Compatibilité des navigateurs

Notes relatives à Gecko

[1] Avant Gecko 7.0, (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4), l'attribut label renvoyait une chaîne de caractères vide s'il n'était pas renseigné : ce comportement était incorrect, il aurait dû renvoyer le texte contenu par l'élément.