HTML <optgroup> -tag
Voorbeeld
Groepeer gerelateerde opties met <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>
Definitie en gebruik
De <optgroup>
tag wordt gebruikt om gerelateerde opties te groeperen in een <select> -element (vervolgkeuzelijst).
Als u een lange lijst met opties heeft, zijn groepen gerelateerde opties gemakkelijker te hanteren voor een gebruiker.
Browserondersteuning
Element | |||||
---|---|---|---|---|---|
<optgroup> | Yes | Yes | Yes | Yes | Yes |
attributen
Attribute | Value | Description |
---|---|---|
disabled | disabled | Specifies that an option-group should be disabled |
label | text | Specifies a label for an option-group |
Algemene kenmerken
De <optgroup>
tag ondersteunt ook de Global Attributes in HTML .
Gebeurteniskenmerken
De <optgroup>
tag ondersteunt ook de Event Attributes in HTML .
Gerelateerde pagina's
HTML DOM-referentie: OptionGroup Object
Standaard CSS-instellingen
Geen.