<optgroup>

Description

L’élément <optgroup> regroupe des <option> connexes dans un <select>. Le libellé du groupe est affiché mais non sélectionnable. Il améliore la lisibilité des listes longues en créant des catégories visuelles.

Syntaxe

<select name="langage">
  <optgroup label="Front-end">
    <option value="html">HTML</option>
    <option value="css">CSS</option>
  </optgroup>
  <optgroup label="Back-end">
    <option value="php">PHP</option>
  </optgroup>
</select>

Exemples

Sélecteur de pays par continent :

<select name="pays">
  <optgroup label="Europe">
    <option value="fr">France</option>
    <option value="de">Allemagne</option>
    <option value="es">Espagne</option>
  </optgroup>
  <optgroup label="Amérique">
    <option value="us">États-Unis</option>
    <option value="ca">Canada</option>
  </optgroup>
</select>

Attributs spécifiques

Attribut	Type	Description
label	string	Libellé du groupe affiché dans la liste. Obligatoire.
disabled	boolean	Désactive toutes les options du groupe.