Hvad er en HTML Listbox?

I HyperText Markup Language (HTML) er en listbox en type interaktiv grafisk brugergrænseflade (GUI) -komponent. Det vises på et websted som en boks på siden, der indeholder et lodret sæt tekstindstillinger, som brugeren kan vælge. Formålet med at bruge en HTML-listekasse er at præsentere en bruger med et antal indstillinger, som de kan vælge fra og derefter reagere på markeringen. Der er mange muligheder til rådighed til at tilpasse en listekasse, især ved hjælp af cascading styleheets (CSS). Der er en visuel og funktionel forskel mellem en HTML-listekasse og et andet GUI-element kendt som en komboboks, selvom de er defineret på meget samme måde.

I et dokument defineres en HTML listbox ved hjælp af det valgte tag. Dette tag starter listekassen og kan bruges til at definere flere indstillinger. En af de vigtigste egenskaber ved det valgte tag er navnet på listekassen, som giver andre dele af HTML-dokumentet muligheden for direkte adgang til værdierne i listekassen. En anden vigtig mulighed, der kan indstilles, er den flere egenskaber, der kan give en bruger mulighed for at vælge flere elementer fra listen samtidigt i stedet for kun et ad gangen.

Mellem åbning og lukning af markeringskoder defineres de faktiske elementer, der skal indeholdes i en HTML-listekasse ved hjælp af optionskoden. Indstillingsmærket omslutter den faktiske tekst, der vises i HTML-listen. Ligesom det valgte tag har det også nogle vigtige egenskaber. En værdifuld egenskab ved indstillingsmærket er muligheden for at definere en returværdi for en valgt indstilling, der sendes til et forespørgselskript i stedet for den tekst, som brugeren ser. Dette betyder, at en bruger kan se ordet "rød", men HTML-listekassen kan returnere den hexadecimale værdi af rød i stedet for det egentlige ord.

Bortset fra indstillinger, kan en HTML-listekasse indeholde et andet visuelt element kendt som en optgruppe. En optgruppe er en overskrift, der bruges til visuelt at adskille de forskellige indstillinger i en listekasse. Når en bruger ser på en listekasse, der indeholder optagruppekoder, vil han eller hun se en fed overskrift i boksen, hvor de tilknyttede indstillinger bliver let indrykket og ikke fed.

Selvom en funktionel HTML-listekasse kan oprettes og placeres på et websted, vil det faktisk ikke gøre noget, når en bruger vælger en mulighed, medmindre der er understøttet kode til at gøre det. Dette kan gøres med JavaScript® ved at få adgang til listekassen gennem dokumentobjektmodellen (DOM), eller det kan udføres med andre scripts eller applets. Som et interaktivt element genererer en listekasse brugerbegivenheder såsom mouseover, som kan indfanges i browseren.