<optgroup>

Ü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

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