OPTGROUP-elementillä määritellään valikkokentän tai valintaluettelon (SELECT-elementin) vaihtoehtoryhmä.
| Merkkaus: | <optgroup> ... </optgroup> |
|---|---|
| Sallittu sijainti: | select |
| Sallittu sisältö: | option |
| Attribuutit: | disabled | label | yleiset attribuutit |
Pakollisella LABEL-attribuutilla annetaan vaihtoehtoryhmälle otsikko (Text-tietotyyppi).
DISABLED-attribuutilla (disabled="disabled") vaihtoehtoryhmä voidaan alustavasti asettaa pois käytöstä. Tällöin käyttäjä ei voi valita kyseistä ryhmästä (OPTION-elementillä määritettyjä) vaihtoehtoja, eikä niitä sisällytetä lähetettyyn lomakedataan. Kentän tilaan voidaan vaikuttaa skripteillä. Katso DISABLED-attribuutin testisivua.
Seuraavassa esimerkissä valikkokentän vaihtoehdot jaetaan kahteen ryhmään:
<div>Äänestä paras tuotteemme:
<select name="my_vote">
<option>Valitse tästä!</option>
<optgroup label="Rautaosaston tavarat:">
<option>Tehovasara</option>
<option>Monitoimikone</option>
<option>Isonuija</option>
</optgroup>
<optgroup label="Kemikalion tavarat:">
<option>Ryppyvoide</option>
<option>Ripsivoide</option>
<option>Rypsivoide</option>
</optgroup>
</select></div>Esimerkkikoodimme tulostuu seuraavasti: