HTML - Balise <optgroup>

La description

La balise HTML <optgroup> est utilisée pour regrouper les options associées dans votre liste de sélection. Cela permet aux utilisateurs de comprendre plus facilement leurs choix lorsqu'ils consultent une grande liste.

Exemple

<!DOCTYPE html>
<html>

   <head>
      <title>HTML optgroup Tag</title>
   </head>

   <body>
      <select>
         <optgroup label = "India">
            <option value = "mumbai">Mumbai</option>
            <option value = "delhi">Delhi</option>
         </optgroup>
         
         <optgroup label = "USA">
            <option value = "florida">Florida</option>
            <option value = "newyork">New York</option>
         </optgroup>
      </select>
   </body>
   
</html>

Cela produira le résultat suivant -

Attributs globaux

Cette balise prend en charge tous les attributs globaux décrits dans - Référence des attributs HTML

Attributs spécifiques

La balise HTML <optgroup> prend également en charge les attributs supplémentaires suivants -

Attribut Valeur La description
désactivée désactivée Désactive le contrôle d'entrée. Le bouton n'acceptera pas les modifications de l'utilisateur. Il ne peut pas non plus recevoir le focus et sera ignoré lors de la tabulation.
étiquette texte Définit une étiquette à utiliser lors de l'utilisation de <optgroup>.

Attributs d'événement

Cette balise prend en charge tous les attributs d'événement décrits dans - Référence des événements HTML

Prise en charge du navigateur

Chrome Firefox C'EST À DIRE Opéra Safari Android
Oui Oui Oui Oui Oui Oui