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
trueaucun 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) |