Siirry sivun sisältöön Avut CSS HTML JavaScript Kotisivu

OPTGROUP-elementti XHTML 1.0 Strict -dokumenttityypissä

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

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.

Esimerkki

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:

Äänestä paras tuotteemme:
Referenssin käyttöliittymät:
laaja | rakenteellinen | suppea

Kaikki XHTML1 Strict -elementit