Optionelementtejä

Optionelementtejä ovat HTML:n option-elementtejä, jotka muodostavat valintalistojen vaihtoehtoja. Ne sijaitsevat yleensä select-elementin sisällä ja näkyvät käyttäjälle pudotusvalikkona, josta voi valita yhden tai useamman vaihtoehdon.

Ominaisuudet ja käytäntö

Jokaisella option-elementillä on value-attribuutti, joka määrittelee lomakkeen lähetettävän arvon. Jos value-attribuuttia ei ole, lähetettävä arvo on optionin näkyvä teksti. Selected-attribuutti merkitsee oletusvalinnan sivun latautuessa. Disabled-attribuutti poistaa vaihtoehdon käytöstä. Label-attribuutti voi antaa lyhyen tunnisteen. Optgroup mahdollistaa vaihtoehtojen ryhmittelyn. Option voidaan sisällyttää datalist-elementtiin, jolloin sitä käytetään syötteen ehdotuksina.

Käyttöyhteydet ja huomioita

Useimmissa tapauksissa valittu vaihtoehto lähetetään lomakkeessa riippumatta siitä, mitä näkyy käyttäjälle. Ominaisuuksia kannattaa käyttää harkiten saavutettavuuden parantamiseksi, esimerkiksi yhdistämällä select-lähetti selkeällä tekstillä. Rajoitukset: monivalintavalinnat edellyttävät multiple-attribuuttia select-elementissä. Ryhmittely helpottaa suurien valikoiden navigointia.

Esimerkki

<select name="hedelmä">

<option value="omena">Omena</option>

<option value="banaani" selected>Banaani</option>

<option value="kirsikka" disabled>Kirsikka</option>

</select>