<optgroup>: Das Option Group Element
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Das <optgroup>
HTML Element erstellt eine Gruppierung von Optionen innerhalb eines <select>
Elements.
Probieren Sie es aus
Hinweis: Optgroup-Elemente dürfen nicht geschachtelt werden.
Attribute
Dieses Element beinhaltet die globalen Attribute.
disabled
-
Wenn dieses boolesche Attribut gesetzt ist, ist keines der Elemente in dieser Optionsgruppe auswählbar. Oftmals werden solche Steuerelemente in Browsern ausgegraut und sie erhalten keine Browsing-Ereignisse, wie Mausklicks oder fokusbezogene Ereignisse.
label
-
Der Name der Optionsgruppe, den der Browser verwenden kann, um die Optionen in der Benutzeroberfläche zu beschriften. Dieses Attribut ist obligatorisch, wenn dieses Element verwendet wird.
Beispiele
<select>
<optgroup label="Group 1">
<option>Option 1.1</option>
</optgroup>
<optgroup label="Group 2">
<option>Option 2.1</option>
<option>Option 2.2</option>
</optgroup>
<optgroup label="Group 3" disabled>
<option>Option 3.1</option>
<option>Option 3.2</option>
<option>Option 3.3</option>
</optgroup>
</select>
Ergebnis
Technische Zusammenfassung
Inhaltskategorien | Keine. |
---|---|
Erlaubter Inhalt | Null oder mehr <option> Elemente. |
Tag-Auslassung |
Der Start-Tag ist obligatorisch. Der End-Tag ist optional, wenn dieses Element
unmittelbar von einem anderen <optgroup> Element gefolgt wird oder
wenn das Elternelement keinen weiteren Inhalt hat.
|
Erlaubte Eltern | Ein <select> Element. |
Implizite ARIA-Rolle | group |
Erlaubte ARIA-Rollen | Keine role erlaubt |
DOM-Schnittstelle | [`HTMLOptGroupElement`](/de/docs/Web/API/HTMLOptGroupElement) |
Spezifikationen
Specification |
---|
HTML Standard # the-optgroup-element |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Andere formularbezogene Elemente:
<form>
,<legend>
,<label>
,<button>
,<select>
,<datalist>
,<option>
,<fieldset>
,<textarea>
,<input>
,<output>
,<progress>
und<meter>
.