Faire son site 12 : Référence HTML 5 - <optgroup>

<optgroup></optgroup>

La balise <optgroup>, utilisée dans un formulaire, permet de créer un groupe d'options parmi lesquelles on peut choisir dans un élément <select>.

Deux attributs peuvent être affectés à la balise <optgroup>:

disabled qui, quand il est utilisé rend inactif le groupe d'options.

label qui est le nom du groupe d'options. Cet attribut est obligatoire.

Dans l'exemple qui suit, il y a trois groupes d'options dont le trosième est désactivé.


<b>Faites votre choix</b><br>
<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>


Faites votre choix


Vous pouvez voir la mise en place d'un formulaire simple en état de marche sur la page Les formulaires.