tas2580
Blog über Webentwicklung

HTML - <optgroup>

Definiert eine Gruppe von verwandten Optionen in einer Dropdown-Liste

Beispiel

<select>
  <optgroup label="Schwedische Autos">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="Deutsche Autos">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Demo


Definition und Verwendung

Das <optgroup> wird in einer Dropdown-Liste verwendet, um verwandte Optionen zu gruppieren.

Wenn du eine lange Liste von Optionen erstellst, gruppiere verwandte Optionen, so sind sie einfacher für einen Benutzer zu handhaben .


Browser Unterstützung

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 4.0

Attribute

Attribute stellen zusätzliche Informationen über HTML-Elemente bereit. Attribute müssen immer in den öffnenden Tag geschrieben werden.

Attribut Wert Beschreibung
disabled Gibt an, dass eine Option-Gruppe deaktiviert ist.
label Text Gibt eine Bezeichnung für eine Option-Gruppe an.

Der <optgroup> Tag verwendet Globale HTML Attribute.