Wat is een HTML-lijst?
In de HyperText Markup Language (HTML) is een keuzelijst een type interactieve grafische gebruikersinterface (GUI) component. Het verschijnt op een website als een vak op de pagina dat een verticale reeks tekstopties bevat die door de gebruiker kunnen worden geselecteerd. Het doel van het gebruik van een HTML-keuzelijst is om een gebruiker een aantal opties te bieden waaruit hij kan selecteren en vervolgens te reageren op de selectie. Er zijn veel opties beschikbaar om een keuzelijst aan te passen, vooral door het gebruik van cascading style sheets (CSS). Er is een visueel en functioneel verschil tussen een HTML-keuzelijst en een ander GUI-element dat bekend staat als een combobox, hoewel ze op vrijwel dezelfde manier worden gedefinieerd.
In een document wordt een HTML-keuzelijst gedefinieerd met behulp van de selectietag. Deze tag start de keuzelijst en kan worden gebruikt om verschillende opties te definiëren. Een van de belangrijkste eigenschappen van de select-tag is de naam van de keuzelijst, waardoor andere delen van het HTML-document direct toegang hebben tot de waarden van de keuzelijst. Een andere belangrijke optie die kan worden ingesteld, is de eigenschap multiple, waarmee een gebruiker meerdere items tegelijk uit de lijst kan selecteren in plaats van slechts één tegelijk.
Tussen de selectietags voor openen en sluiten worden de feitelijke elementen die moeten worden opgenomen in een HTML-keuzelijst gedefinieerd met behulp van de optietag. De optietag omsluit de daadwerkelijke tekst die wordt weergegeven in de HTML-keuzelijst. Net als de select-tag heeft deze ook enkele belangrijke eigenschappen. Een waardevolle eigenschap van de optietag is de mogelijkheid om een retourwaarde te definiëren voor een geselecteerde optie die naar een query-script wordt verzonden in plaats van de tekst die de gebruiker ziet. Dit betekent dat een gebruiker het woord 'rood' kan zien, maar de HTML-keuzelijst kan de hexadecimale waarde van rood retourneren in plaats van het werkelijke woord.
Afgezien van opties kan een HTML-keuzelijst een ander visueel element bevatten dat een optgroup wordt genoemd. Een optgroup is een kop die wordt gebruikt om de verschillende opties in een keuzelijst visueel te scheiden. Wanneer een gebruiker naar een keuzelijst met optgroup-tags kijkt, ziet hij of zij een vetgedrukte kop in het vak, waaronder de bijbehorende opties lichtjes ingesprongen en niet vetgedrukt zijn.
Hoewel een functionele HTML-keuzelijst kan worden gemaakt en op een website kan worden geplaatst, doet deze niets als een gebruiker een optie selecteert, tenzij er ondersteunende code voor is. Dit kan worden gedaan met JavaScript® door toegang te krijgen tot de keuzelijst via het documentobjectmodel (DOM), of het kan worden uitgevoerd met andere scripts of applets. Als een interactief element genereert een keuzelijst gebruikersgebeurtenissen zoals mouseover, die kunnen worden vastgelegd in de browser.