From 8829a7c9eb82f180bac76ed5836aaef95be209a1 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:12:55 +0200 Subject: move *.html to *.md --- files/fr/web/html/element/optgroup/index.md | 123 ++++++++++++++++++++++++++++ 1 file changed, 123 insertions(+) create mode 100644 files/fr/web/html/element/optgroup/index.md (limited to 'files/fr/web/html/element/optgroup/index.md') diff --git a/files/fr/web/html/element/optgroup/index.md b/files/fr/web/html/element/optgroup/index.md new file mode 100644 index 0000000000..74834d660c --- /dev/null +++ b/files/fr/web/html/element/optgroup/index.md @@ -0,0 +1,123 @@ +--- +title: +slug: Web/HTML/Element/Optgroup +tags: + - Element + - Formulaires + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/optgroup +--- +
{{HTMLRef}}
+ +

L'élément HTML <optgroup>, utilisé dans un formulaire, permet de créer un groupe d'options parmi lesquelles on peut choisir dans un élément {{HTMLElement("select")}}.

+ +
{{EmbedInteractiveExample("pages/tabbed/optgroup.html", "tabbed-standard")}}
+ +
+

Note : Il n'est pas possible d'imbriquer plusieurs éléments <optgroup> entre eux.

+
+ +

Attributs

+ +

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

+ +
+
{{htmlattrdef("disabled")}}
+
Si cet attribut booléen est défini et aucun élément du groupe d'options ne peut être sélectionné. Cet élément ne recevra pas les évènements de navigation (tels que les clics ou les changements de focus). Les navigateurs affichent ces éléments en les grisant.
+
{{htmlattrdef("label")}}
+
Le nom du groupe d'options qui peut être affiché par le navigateur. Cet attribut est obligatoire.
+
+ +

Exemples

+ +

HTML

+ +
<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

+ +

{{EmbedLiveSample("Exemples")}}

+

Résumé technique

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuAucune.
Contenu autoriséZéro ou plusieurs éléments {{HTMLElement("option")}}.
Omission de balisesLa balise de début est obligatoire, la balise de fin est optionnelle si l'élément est immédiatement suivi par un autre élément <optgroup> ou si l'élément parent n'a pas d'autre contenu.
Parents autorisésUn élément {{HTMLElement("select")}}.
Rôles ARIA autorisésAucun.
Interface DOM{{domxref("HTMLOptGroupElement")}}
+

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'forms.html#the-optgroup-element', '<optgroup>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'forms.html#the-optgroup-element', '<optgroup>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '<optgroup>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilité des navigateurs

+ +

{{Compat("html.elements.optgroup")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf