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