Hva er en HTML-listekasse?

I HTML (HyperText Markup Language) er en listekasse en type interaktiv grafisk brukergrensesnitt (GUI) -komponent. Det vises på et nettsted som en boks på siden som inneholder et vertikalt sett med tekstalternativer som kan velges av brukeren. Hensikten med å bruke en HTML-listekasse er å presentere en bruker med et antall alternativer de kan velge fra, og deretter reagere på utvalget. Det er mange tilgjengelige alternativer for å tilpasse en listekasse, spesielt ved bruk av cascading stilark (CSS). Det er en visuell og funksjonell forskjell mellom en HTML-listekasse og et annet GUI-element kjent som en combobox, selv om de er definert på omtrent samme måte.

I et dokument defineres en HTML-listekasse ved bruk av valgt tag. Denne taggen starter listekassen og kan brukes til å definere flere alternativer. En av de viktigste egenskapene til utvalgskoden er navnet på listekassen, som gir andre deler av HTML-dokumentet muligheten til å få direkte tilgang til verdiene i listekassen. Et annet viktig alternativ som kan angis, er egenskapen flere, som kan tillate en bruker å velge flere elementer fra listen samtidig i stedet for bare én om gangen.

Mellom åpning og lukking av valgte tagger defineres de faktiske elementene som skal inneholdes i en HTML-listekasse, ved å bruke alternativkoden. Alternativkoden omslutter den faktiske teksten som vil vises i HTML-listekassen. I likhet med valgt kode har den også noen viktige egenskaper. En verdifull egenskap i alternativkoden er muligheten til å definere en returverdi for et valgt alternativ som blir sendt til et spørringsskript i stedet for teksten som brukeren ser. Dette betyr at en bruker kan se ordet "rød", men HTML-listekassen kan returnere den heksadesimale verdien av rød i stedet for det faktiske ordet.

Bortsett fra alternativer, kan en HTML-listekasse inneholde et annet visuelt element kjent som en optgruppe. En optgruppe er en overskrift som brukes til å skille de forskjellige alternativene i en listekasse visuelt. Når en bruker ser på en listekasse som inneholder optgruppemerker, vil vedkommende se en fet overskrift i boksen, der de tilhørende alternativene blir svakt innrykket og ikke fet.

Selv om en funksjonell HTML-listekasse kan lages og plasseres på et nettsted, vil den faktisk ikke gjøre noe når en bruker velger et alternativ med mindre det er tilkoblet kode for å gjøre det. Dette kan gjøres med JavaScript® ved å få tilgang til listekassen gjennom dokumentobjektmodellen (DOM), eller den kan utføres med andre skript eller appletter. Som et interaktivt element genererer en listekasse brukerhendelser som mouseover, som kan fanges opp i nettleseren.