Skip to main content

Hvad er en HTML Listbox?

I Hypertext Markup Language (HTML) er en listeboks 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, der kan vælges af brugeren.Formålet med at bruge en HTML -listeboks er at præsentere en bruger med en række muligheder, hvorfra de kan vælge, og derefter reagere på valget.Der er mange tilgængelige muligheder for at tilpasse en listeboks, især ved hjælp af kaskaderende stilark (CSS).Der er en visuel og funktionel forskel mellem en HTML -listeboks og et andet GUI -element kendt som en Combobox, selvom de er defineret på omtrent samme måde.

I et dokument defineres en HTML -listeboks ved hjælp af SELECT -mærket.Dette tag starter listeboksen og kan bruges til at definere flere muligheder.En af de vigtigste egenskaber ved det valgte tag er navnet på listeboksen, der giver andre dele af HTML -dokumentet muligheden for direkte at få adgang til værdierne på listeboksen.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 samtidig i stedet for kun en ad gangen.En HTML -listeboks defineres ved hjælp af indstillingsmærket.Valgmærket lukker den faktiske tekst, der vises i HTML Listbox.Ligesom Select Tag har det også nogle vigtige egenskaber.En værdifuld egenskab ved optionskemaet er muligheden for at definere en returværdi for en valgt mulighed, der sendes til et forespørgselsskript i stedet for den tekst, som brugeren ser.Dette betyder, at en bruger kan se ordet rødt, men HTML -listeboksen kan returnere den hexadecimale værdi af rødt i stedet for det faktiske ord. Bortset fra indstillinger kan en HTML -listeboks indeholde et andet visuelt element kendt som en optgroup.En optgroup er en overskrift, der bruges til visuelt at adskille de forskellige indstillinger inde i en listeboks.Når en bruger ser på en listeboks, der indeholder optgroup -tags, vil han eller hun se en fed overskrift i boksen, hvorunder de tilknyttede indstillinger vil være lidt indrykket og ikke fed.

Selvom en funktionel HTML -liste kan laves og placeresPå et websted vil det faktisk ikke gøre noget, når en bruger vælger en mulighed, medmindre der støtter kode, der er til stede for at gøre det.Dette kan gøres med JavaScript Ved at få adgang til ListBox gennem Document Object Model (DOM), eller den kan udføres med andre scripts eller applets.Som et interaktivt element genererer en listeboks brugerbegivenheder såsom mouseover, som kan fanges i browseren.