Wat is een HTML Listbox?

In het HyperText Markup Language (HTML), een keuzelijst is een soort interactieve grafische user interface (GUI) component. Het lijkt op een website als een doos in de pagina die een verticale reeks van tekst opties die door de gebruiker kunnen worden geselecteerd bevat. Het doel van het gebruik van een HTML keuzelijst is om een ​​gebruiker te presenteren met een aantal opties waaruit zij kunnen kiezen, en vervolgens om de selectie te reageren. Er zijn vele opties beschikbaar om een ​​keuzelijst te passen, met name door het gebruik van Cascading Style Sheets (CSS). Er is een visuele en functionele verschil tussen een HTML-listbox en ander GUI element bekend als een combobox, hoewel ze zijn gedefinieerd in vrijwel dezelfde manier.

In een document, wordt een HTML-listbox gedefinieerd met behulp van de select tag. Dit label begint de keuzelijst en kan worden gebruikt om verschillende opties te definiëren. Eén van de belangrijkste eigenschappen van de select tag is de naam van de keuzelijst die andere delen van het HTML-document de mogelijkheid om rechtstreeks de waarden van de keuzelijst geeft. Een andere belangrijke optie die kan worden ingesteld is de meervoudige eigenschap, die kan een gebruiker in staat om meerdere items te selecteren uit de lijst tegelijkertijd in plaats van slechts één tegelijk.

Tussen het openen en sluiten van select-tags, de feitelijke elementen die worden opgenomen in een HTML-listbox worden gedefinieerd met de optie tag. De optie tag omsluit de eigenlijke tekst die wordt weergegeven in de HTML-keuzelijst. Net als de select tag, het heeft ook een aantal belangrijke eigenschappen. Een waardevolle eigenschap van de tag optie is de mogelijkheid om een ​​retourwaarde voor een geselecteerde optie in plaats van een ondervraging script wordt verzonden van de tekst die de gebruiker ziet definiëren. Dit betekent dat een gebruiker kan het woord 'rood' te zien, maar de HTML listbox kan de hexadecimale waarde van rood terug in plaats van de werkelijke woord.

Afgezien van opties, kan een HTML-listbox een ander visueel element bekend als een optgroup bevatten. Een optgroup is een kop die wordt gebruikt om de verschillende opties in een keuzelijst visueel te scheiden. Wanneer een gebruiker kijkt naar een keuzelijst die optgroup-tags bevat, zal hij of zij een gedurfde titel in het vak, waaronder de bijbehorende opties iets ingesprongen en niet vet zal zijn te zien.

Hoewel een functioneel HTML keuzelijst kunnen worden gemaakt en op een website, zal eigenlijk niets doen wanneer een gebruiker een optie selecteert indien aanwezig daartoe ondersteunende code. Dit kan gedaan worden met JavaScript® door de toegang tot de keuzelijst door het document object model (DOM), of het kan worden uitgevoerd met andere scripts of applets. Als een interactief element, een keuzelijst genereert gebruiker gebeurtenissen zoals muisbewegingen, die kunnen worden opgenomen in de browser.

  • In een document, wordt een HTML-listbox gedefinieerd met behulp van de select tag.