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.