Suurin HTML-pudotusvalikkoon liittyvä ongelma on, että niiden saattaminen vammaisten saataville voi olla vaikeaa. Pudotusvalikot koodataan usein JavaScriptillä, jota näytönlukuohjelmien ja muiden aputekniikoiden voi olla vaikea tulkita. Lisäksi, jos avattavaa valikkoa ei ole merkitty tai kuvattu oikein, käyttäjät eivät välttämättä ymmärrä, mihin avattavaa valikkoa käytetään tai miten sitä voidaan käyttää.
<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
1. – Tämä koodirivi sulkee pudotusvalikon ja osoittaa, että kaikki vaihtoehdot on lisätty siihen.
Mikä on avattava luettelo
HTML:n avattava luettelo on syöttöelementti, jonka avulla käyttäjä voi valita yhden vaihtoehdon ennalta määritettyjen vaihtoehtojen luettelosta. Luettelo tulee näkyviin, kun käyttäjä napsauttaa syöttökentän vieressä olevaa pudotusvalikon nuolta. Valittu vaihtoehto näytetään sitten syöttökentässä. Avattavia luetteloita käytetään usein, kun on valittava useita vaihtoehtoja, kuten valitaan maa tai osavaltio luettelosta.
Avattavan valikon luominen
Avattavan valikon luominen HTML:ssä on suhteellisen helppoa. Tässä on vaiheet sellaisen luomiseen:
1. Aloita luomalla a elementti, lisää an
3. Jos haluat valita jonkin vaihtoehdoista oletusarvoisesti, lisää valittu attribuutti kyseisen vaihtoehdon tunnisteeseen. Tämä varmistaa, että se näkyy valituna, kun sivu latautuu.
4. Lisää lopuksi otsikko pudotusvalikkoon käyttämällä a
