HyperText Markup Language (HTML) -luetteloruutu on interaktiivisen graafisen käyttöliittymän (GUI) osa. Se näkyy verkkosivustossa laatikkona sivun sisällä, joka sisältää pystysuoran joukon tekstiasetuksia, jotka käyttäjä voi valita. HTML -luetteloruudun käytön tarkoitus on tarjota käyttäjälle useita vaihtoehtoja, joista hän voi valita, ja sitten reagoida valintaan. Listalaatikon mukauttamiseen on monia vaihtoehtoja, erityisesti CSS -tyylitaulukoiden avulla. HTML -luetteloruudun ja toisen yhdistelmälaatikkona tunnetun graafisen käyttöliittymän välillä on visuaalinen ja toiminnallinen ero, vaikka ne on määritelty suunnilleen samalla tavalla.
Asiakirjassa HTML -luetteloruutu määritetään käyttämällä valintatunnistetta. Tämä tunniste käynnistää luetteloruudun ja sitä voidaan käyttää useiden vaihtoehtojen määrittämiseen. Yksi select -tagin tärkeimmistä ominaisuuksista on luetteloruudun nimi, joka antaa muille HTML -asiakirjan osille mahdollisuuden käyttää suoraan luetteloruudun arvoja. Toinen tärkeä vaihtoehto, joka voidaan asettaa, on useita ominaisuuksia, joiden avulla käyttäjä voi valita useita kohteita luettelosta samanaikaisesti vain yhden kerrallaan.
Avaavan ja sulkevan valintatunnisteen välillä HTML -luetteloruutuun sisällytettävät elementit määritetään vaihtoehto -tunnisteella. Vaihtoehto -tunniste sisältää HTML -luetteloruudussa näytettävän tekstin. Kuten select -tunnisteella, sillä on myös joitain tärkeitä ominaisuuksia. Optiotagin arvokas ominaisuus on kyky määrittää palautusarvo valitulle vaihtoehdolle, joka lähetetään kyselyskriptille käyttäjän näkemän tekstin sijasta. Tämä tarkoittaa, että käyttäjä voi nähdä sanan ”punainen”, mutta HTML -luetteloruutu voi palauttaa punaisen heksadesimaalisen arvon varsinaisen sanan sijasta.
Vaihtoehtojen lisäksi HTML -luetteloruutu voi sisältää toisen visuaalisen elementin, joka tunnetaan optgroupina. Optiryhmä on otsikko, jota käytetään luettelovalikon eri vaihtoehtojen visuaaliseen erottamiseen. Kun käyttäjä katsoo optbox -tunnisteita sisältävää luetteloruutua, hän näkee kentässä lihavoidun otsikon, jonka alle liittyvät vaihtoehdot ovat hieman sisennettyjä eivätkä lihavoituja.
Vaikka toiminnallinen HTML -luetteloruutu voidaan tehdä ja sijoittaa verkkosivustolle, se ei itse asiassa tee mitään, kun käyttäjä valitsee vaihtoehdon, ellei sitä tukeva koodi ole käytettävissä. Tämä voidaan tehdä JavaScriptin® avulla siirtymällä luetteloruutuun asiakirjaobjektimallin (DOM) kautta tai käyttämällä muita komentosarjoja tai sovelmia. Luetteloruutu luo vuorovaikutteisena elementtinä käyttäjätapahtumia, kuten hiiren osoittimen, jotka voidaan tallentaa selaimen sisällä.