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 Keuzemenu's | HTML-Formulieren en Gebruikersinvoer
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

bookHet Gebruik van het Select-element voor Keuzemenu's

Het <select>-element wordt gebruikt om een keuzelijst met opties voor de gebruiker te maken. Dit element wordt doorgaans toegepast 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

copy

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

copy
Note
Opmerking

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

question mark

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

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 8

Vraag AI

expand

Vraag AI

ChatGPT

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

bookHet Gebruik van het Select-element voor Keuzemenu's

Veeg om het menu te tonen

Het <select>-element wordt gebruikt om een keuzelijst met opties voor de gebruiker te maken. Dit element wordt doorgaans toegepast 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

copy

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

copy
Note
Opmerking

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

question mark

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

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 8
some-alt