HTML <optgroup> -Tag


Beispiel

Gruppenbezogene Optionen mit <optgroup>-Tags:

<label for="cars">Choose a car:</label>
<select  name="cars" id="cars">
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Definition und Verwendung

Das <optgroup>Tag wird verwendet, um verwandte Optionen in einem <select> -Element (Dropdown-Liste) zu gruppieren.

Wenn Sie eine lange Liste von Optionen haben, sind Gruppen verwandter Optionen für einen Benutzer einfacher zu handhaben.


Browser-Unterstützung

Element
<optgroup> Yes Yes Yes Yes Yes

Attribute

Attribute Value Description
disabled disabled Specifies that an option-group should be disabled
label text Specifies a label for an option-group

Globale Attribute

Das <optgroup>Tag unterstützt auch die globalen Attribute in HTML .


Ereignisattribute

Das <optgroup>Tag unterstützt auch die Ereignisattribute in HTML .


Verwandte Seiten

HTML-DOM-Referenz: OptionGroup-Objekt


Standard-CSS-Einstellungen

Keiner.