<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

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