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.