Ü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 schließt die globalen Attribute ein.
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 |
|---|---|---|
| WHATWG 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
| 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>.
Schlagwörter des Dokuments und Mitwirkende
Schlagwörter:
Mitwirkende an dieser Seite:
Sebastianz
Zuletzt aktualisiert von:
Sebastianz,