Übersicht
In einem Webformular erstellt das <optgroup>
HTML Element eine Gruppe von Optionen innerhalb eines <select>
Elements.
Inhaltskategorien | Keine |
---|---|
Erlaubter Inhalt | Keine oder mehrere <option> Elemente. |
Tag Auslassung | Der Starttag ist zwingend. Der Endtag ist optional, falls dem Element direkt ein weiteres <optgroup> Element folgt oder falls das Elternelement keine weiteren Inhalte hat. |
Erlaubte Elternelemente | Ein <select> Element. |
DOM Schnittstelle | HTMLOptGroupElement |
Hinweis:
<optgroup>
Elemente können nicht verschachtelt werden.Attribute
Dieses Element beinhaltet die globalen Attribute.
disabled
- Falls dieses boolsche Attribut gesetzt ist, ist keines der Optionsgruppenelemente auswählbar. Oft grauen Browser diese Optionen aus und sie erhalten keine Ereignisse wie Mausklicks oder Fokus bezogene Ereignisse.
label
- Der Name der Optionsgruppe, welchen der Browser verwenden kann, um die Optionen in der Benutzerschnittstelle zu beschreiben. Dieses Attribut ist zwingend, falls dieses Element benutzt wird.
Beispiel
<select>
<optgroup label="Gruppe 1">
<option>Option 1.1</option>
</optgroup>
<optgroup label="Gruppe 2">
<option>Option 2.1</option>
<option>Option 2.2</option>
</optgroup>
<optgroup label="Gruppe 3" disabled>
<option>Option 3.1</option>
<option>Option 3.2</option>
<option>Option 3.3</option>
</optgroup>
</select>
Ergebnis
Spezifikation
Spezifikation | Status | Kommentar |
---|---|---|
HTML Living Standard Die Definition von '<optgroup>' in dieser Spezifikation. |
Lebender Standard | |
HTML5 Die Definition von '<optgroup>' in dieser Spezifikation. |
Empfehlung | |
HTML 4.01 Specification Die Definition von '<optgroup>' in dieser Spezifikation. |
Empfehlung |
Browser Kompatibilität
Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format.
Diese Kompatibilitätstabelle liegt noch im alten Format vor,
denn die darin enthaltenen Daten wurden noch nicht konvertiert.
Finde heraus wie du helfen kannst!
Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Grundlegende Unterstützung | 1.0 | (Ja) | (Ja) | (Ja) | (Ja) |
Merkmal | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Grundlegende Unterstützung | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) |
Siehe auch
- Andere Formular bezogene Elemente:
<form>
,<legend>
,<label>
,<button>
,<select>
,<datalist>
,<option>
,<fieldset>
,<textarea>
,<keygen>
,<input>
,<output>
,<progress>
and<meter>
.