<optgroup>

Résumé

L'élément HTML <optgroup>  permet de regrouper des options d'un formulaire web au sein d'un élément <select>.

  • Catégories de contenu Aucune
  • Contenu autorisé Zéro ou plusieurs éléments <option>.
  • Omission de balises La balise de début est obligatoire, la balise de fin est optionnel si l'élément est directement suivi par un autre élément <optgroup> ou si l'élément parent n'a plus de contenu.
  • Éléments parents autorisés Un élément <select>.
  • Interface DOM HTMLOptGroupElement

Note : Les éléments <optgroup> ne peuvent pas être imbriqués.

Attributs

Cet élément possède les attributs globaux.

disabled
Si cet attribut booléen est renseigné et vaut true aucun des éléments du groupe ne pourra être sélectionné. Le plus souvent, les navigateurs griseront de tels contrôles et ceux-ci ne recevront pas d'événements de navigation comme les clics ou les changements de focus.
label
Le nom du groupe d'options que le navigateur peut utiliser pour afficher une étiquette sur les options dans l'interface utilisateurs. Cet attribut doit obligatoirement être utilisé par l'élément.

Exemple

<select>
  <optgroup label="Groupe 1">
    <option>Option 1.1</option>
  </optgroup> 
  <optgroup label="Groupe 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
  </optgroup>
  <optgroup label="Groupe 3" disabled>
    <option>Option 3.1</option>
    <option>Option 3.2</option>
    <option>Option 3.3</option>
  </optgroup>
</select>

Résultat

Spécifications

Spécification Statut Commentaires
WHATWG HTML Living Standard Living Standard  
HTML5 Candidate Recommendation  
HTML 4.01 Specification Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 1.0 (Oui) (Oui) (Oui) (Oui)
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple (Oui) (Oui) (Oui) (Oui) (Oui)

 

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, tregagnon, ethertank, teoli
Dernière mise à jour par : SphinxKnight,