English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Le tag HTML <optgroup> crée un groupe d'options dans la liste déroulante des valeurs du contrôle <select>. Ces valeurs déroulantes sont définies par une série de tags <option> et regroupées par le tag <optgroup>. La valeur du label <optgroup> s'affiche comme un titre gris au-dessus des éléments de groupe dans le contrôle <select>. Ce tag est également appelé élément <optgroup>.
Combiner les options liées en utilisant le tag <optgroup> :
!doctype html> <html> <head> <meta charset="UTF-8"> <title>Utilisation du tag HTML <optgroup> (Tutoriels de base oldtoolbag.com)</title> </head> <body> <label for="tutorial_choice">Tutorials: </label> <select id="tutorial_choice"> <optgroup label="Web"> <option value="html">HTML</option> <option value="css">CSS</option> </optgroup> <optgroup label="Base de données"> <option value="sql">SQL</option> <option value="oracle">Oracle</option> </optgroup> </select> </body> </html>Voyons si ça fonctionne ‹/›
Dans cet HTML5Dans l'exemple de document, nous avons utilisé le marqueur <optgroup> pour créer deux groupes d'options dans la liste déroulante. Le titre du premier groupe d'options est Web, et il contient deux valeurs déroulantes-HTML et CSS. Le titre du second groupe d'options est "Base de données", et il contient deux valeurs déroulantes-SQL et Oracle.
IEFirefoxOperaChromeSafari
La plupart des navigateurs populaires prennent en charge la balise <optgroup>.
La balise <optgroup> organise un groupe de balises <option> dans un groupe d'options avec un titre de groupe.
La valeur de l'étiquette <optgroup> sera affichée en titre gris. Tous les éléments du groupe seront affichés sous forme de liste d'options indentationnée sous le titre.
Par défaut, la première option de la balise <select> affichera l'élément sélectionné. L'utilisateur peut choisir une autre option dans la liste déroulante.
Si vous avez de nombreux groupes d'options, vous pouvez utiliser la balise <optgroup> pour regrouper simplement les options liées.
| attribut | valeur | description |
|---|---|---|
| désactivé | désactivé | Définir le groupe d'options désactivé. |
| étiquette | texte | Définir une description pour le groupe d'options. |
La balise <optgroup> prend en charge les attributs globaux, consultez la table des attributs complète Attributs globaux HTML.
La balise <optgroup> prend en charge tous Attributs d'événement HTML.