Skip to main content

Vad är en HTML -listbox?

På HyperText Markup Language (HTML) är en listbox en typ av interaktivt grafiskt användargränssnitt (GUI).Det visas på en webbplats som en låda 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 från vilka de kan välja och sedan reagera på valet.Det finns många alternativ för att anpassa en listbox, särskilt genom användning av kaskadstilblad (CSS).Det finns en visuell och funktionell skillnad mellan en HTML -listbox och ett annat GUI -element som kallas en comboBox, även om de definieras på ungefär samma sätt.

I ett dokument definieras en HTML -listbox med hjälp av SELECT -taggen.Den här taggen startar listboxen och kan användas för att definiera flera alternativ.En av de viktigaste egenskaperna för SELECT -taggen är namnet på listboxen, som ger andra delar av HTML -dokumentet möjligheten att direkt komma åt värdena på listboxen.Ett annat viktigt alternativ som kan ställas in är flera egenskaper, 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 i taget.

mellan öppnings- och stängning av välj -taggar, de faktiska elementen som ska ingå iEn HTML -listbox definieras med alternativtaggen.Alternativetiketten omsluter den faktiska texten som kommer att visas i HTML -listan.Liksom SELECT -taggen har den också några viktiga egenskaper.En värdefull egenskap hos optionstaggen är möjligheten att definiera ett returvärde för ett valt alternativ som skickas till ett frågeformulär istället för texten som användaren ser.Detta innebär att en användare kan se ordet rött, men HTML -listboxen kan returnera det hexadecimala värdet på rött istället för det faktiska ordet.

Bortsett från alternativ kan en HTML -listbox innehålla ett annat visuellt element som kallas en OptGroup.En OptGroup ä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 OptGroup -taggar kommer han eller hon att se 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 göras och placerasPå en webbplats kommer den faktiskt inte att göra någonting när en användare väljer ett alternativ såvida inte stödkoden finns för att göra det.Detta kan göras med JavaScript Genom att komma åt ListBox via dokumentobjektmodellen (DOM), eller den kan utföras med andra skript eller applets.Som ett interaktivt element genererar en listbox användarhändelser som MouseOver, som kan fångas i webbläsaren.