Vad är en HTML-listbox?

I HyperText Markup Language (HTML) är en listbox en typ av interaktiv grafisk användargränssnitt (GUI) -komponent. Det visas på en webbplats som en ruta på sidan som innehåller en vertikal uppsättning textalternativ som kan väljas av användaren. Syftet med att använda en HTML-listbox är att presentera en användare med ett antal alternativ som de kan välja från och sedan reagera på markeringen. Det finns många alternativ tillgängliga för att anpassa en listbox, särskilt genom att använda cascading styleheets (CSS). Det finns en visuell och funktionell skillnad mellan en HTML-listbox och ett annat GUI-element känt som en kombobox, även om de definieras på ungefär samma sätt.

I ett dokument definieras en HTML-listbox med markeringen. Den här taggen startar listboxen och kan användas för att definiera flera alternativ. En av de viktigaste egenskaperna för den markerade taggen är namnet på listboxen, vilket ger andra delar av HTML-dokumentet möjlighet att direkt komma åt listboxens värden. Ett annat viktigt alternativ som kan ställas in är den flera egenskapen, som kan göra det möjligt för en användare att välja flera objekt från listan samtidigt istället för bara en åt gången.

Mellan öppna och stängande markeringarna definieras de faktiska elementen som ska finnas i en HTML-listbox med alternativet tagg. Alternativtaggen inkluderar den faktiska texten som kommer att visas i HTML-listrutan. Liksom markeringen har den också några viktiga egenskaper. En värdefull egenskap i alternativtaggen är möjligheten att definiera ett returvärde för ett valt alternativ som skickas till ett frågeskript istället för texten som användaren ser. Detta innebär att en användare kan se ordet "röd", men HTML-listboxen kan returnera det hexadecimala värdet på rött istället för det faktiska ordet.

Förutom alternativ kan en HTML-listbox innehålla ett annat visuellt element som kallas en optgrupp. En optgrupp är en rubrik som används för att visuellt separera de olika alternativen i en listbox. När en användare tittar på en listbox som innehåller optgrupptaggar ser han eller hon en djärv rubrik i rutan, under vilken de tillhörande alternativen kommer att vara något indragna och inte djärva.

Även om en funktionell HTML-listbox kan skapas och placeras på en webbplats kommer den faktiskt inte att göra någonting när en användare väljer ett alternativ såvida det inte finns stödkod för att göra det. Detta kan göras med JavaScript® genom att öppna listboxen genom dokumentobjektmodellen (DOM), eller så kan den utföras med andra skript eller applets. Som ett interaktivt element genererar en listbox användarhändelser som musövergång, som kan fångas i webbläsaren.