Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Het Gebruik van het Select-element voor Dropdownmenu's | HTML-Formulieren en Gebruikersinvoer
Ultimate HTML

Het Gebruik van het Select-element voor Dropdownmenu's

Veeg om het menu te tonen

Het <select>-element wordt gebruikt om een keuzelijst met opties te maken waaruit de gebruiker kan kiezen. Het wordt meestal gebruikt in formulieren waarin de gebruiker uit een vooraf gedefinieerde set opties moet kiezen. Het wordt altijd gebruikt in combinatie met <option>-elementen. De <option>-elementen definiëren de afzonderlijke items in de keuzelijst.

index.html

index.html

Het <select>-element heeft ook verschillende attributen waarmee het gedrag kan worden aangepast, waaronder:

  • name: de naam van het select-element, gebruikt bij het verzenden van het formulier;
  • size: het aantal zichtbare opties in de keuzelijst;
  • multiple: indien aanwezig, kan de gebruiker meerdere opties selecteren;
  • disabled: indien aanwezig, wordt het select-element uitgeschakeld.

Om een lijst op te delen in afzonderlijke, niet-gerelateerde groepen, kun je de <optgroup>-tag gebruiken. Met het label-attribuut wijs je een titel toe aan de groep.

index.html

index.html

Note
Opmerking

Standaard wordt de eerste <option> in de lijst geselecteerd. Als je dit wilt wijzigen, kun je het selected-attribuut toevoegen aan elk <option>-element.

question mark

Wat is de hoofdtaak van het <select>-element in HTML?

Selecteer het correcte antwoord

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 29

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Sectie 1. Hoofdstuk 29
some-alt