Avattava hypertekstimerkinnän kieli (HTML) on verkkosivun lomakeelementti. Valikon avulla voidaan näyttää vaihtoehtojen luettelo, kuten maantieteelliset alueet, ja sen avulla käyttäjä voi valita luettelosta tietoja syöttäessään. HTML -pudotusvalikkoa voidaan käyttää verkkosivun käytettävyyden parantamiseen, ja se on tärkeä taito verkkosivujen suunnittelussa.
Monissa tapauksissa HTML -pudotusvalikot voidaan luoda verkkolomakkeisiin käyttämällä “select” -tagia. Tunnisteen koodin sisällä vaihtoehdot osoittavat käyttäjälle näytettävän tekstin ja kulissien taakse syötettävät tiedot, kun lomake lähetetään. HTML -koodi määrittää vaihtoehtojen järjestyksen, voidaanko valita useampi kuin yksi vaihtoehto ja kuinka monta vaihtoehtoa näytetään, kun valikkoa ei ole valittu.
Avattavan HTML -valikon käyttäminen verkkolomakkeella voi tarjota useita suunnitteluetuja. Valikko voi säästää tilaa näytöllä, koska yleensä vain yksi valinta näytetään, kunnes valikko on valittu. Se voi säästää arvokasta aikaa, koska monissa tapauksissa voi olla helpompi valita luettelosta kuin kirjoittaa tekstiä.
Näytön tilan ja ajan säästämisen lisäksi se voi auttaa varmistamaan, että käyttäjät syöttävät vain kelvollisia tietoja. Esimerkiksi verkkolomakkeessa voi olla avattava luettelo, jossa käyttäjä voi valita maansa. Avattavasta valikosta varmistetaan, että maa kirjoitetaan lomakkeen ymmärtämällä tavalla. Jos käyttäjää pyydetään antamaan maa kirjoittamalla teksti, hän voi helposti kirjoittaa väärin tai käyttää lyhenteitä, joita lomake ei ehkä pysty käsittelemään.
Vaikka HTML -pudotusvalikko voi tarjota etuja, on myös aikoja, jolloin web -suunnittelija voi päättää olla käyttämättä sitä. Jos käyttäjää pyydetään valitsemaan pieni määrä vaihtoehtoja, saattaa olla parempi käyttää muita lomakkeen syöttömenetelmiä, kuten valintanappeja tai valintaruutuja. Jos syötettävät tiedot eivät ole vakiomuotoisia, vapaamuotoinen tekstikenttä voi olla järkevämpi kuin pakottaa käyttäjät valitsemaan avattavista luetteloista vaihtoehdoista, joita ei ehkä sovelleta.
HTML -pudotusvalikkoja käytetään tyypillisesti tietojen syöttämiseen, mutta niitä voidaan käyttää myös navigointiin. Tällä tavalla Javascript -koodi voi olla vuorovaikutuksessa avattavan HTML -valikon asetusten kanssa. Tässä tapauksessa “select” -tunnisteen vaihtoehdoissa voidaan luetella navigointivalinnat lomakkeeseen syötettävien tietojen sijasta.