Het Gebruik van het Datalist-Element voor Vooraf Gedefinieerde Invoersuggesties
Het <datalist>-element in HTML wordt gebruikt om een vooraf gedefinieerde lijst met opties te maken voor een <input>-element. Hiermee kan de gebruiker een optie uit de lijst selecteren, maar ook een eigen waarde invoeren indien gewenst. De lijst met vooraf gedefinieerde waarden blijft verborgen totdat de gebruiker begint te typen in het bijbehorende tekstveld. Het <datalist>-element wordt gekoppeld aan een id-attribuut, en het <input>-element wordt eraan gelinkt via het list-attribuut.
index.html
Het <datalist>-element is nuttig wanneer het gewenst is om behulpzame suggesties te bieden zonder gebruikers te beperken tot een vaste set keuzes.
Voorbeeld
Wanneer de gebruiker in het veld typt, toont de browser de vooraf gedefinieerde categorieën. Als er geen overeenkomsten zijn, kan de gebruiker alsnog een eigen waarde invoeren.
index.html
<label for="category">: beschrijft het doel van het invoerveld;<input type="text" name="category" id="category" list="categories"/>: een tekstveld dat suggesties toont uit een gekoppelde datalist;<datalist id="categories">: bevat vooraf gedefinieerde opties die als suggesties verschijnen tijdens het typen;<option value="...">: vertegenwoordigt elk voorgesteld item.
1. Welk HTML-element wordt gebruikt om een keuzelijst met meerdere opties te maken?
2. Wat is het doel van het datalist-element?
3. Welk attribuut wordt gebruikt om een datalist-element aan een input-element te koppelen?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Geweldig!
Completion tarief verbeterd naar 2.38Het Gebruik van het Datalist-Element voor Vooraf Gedefinieerde Invoersuggesties
Veeg om het menu te tonen
Het <datalist>-element in HTML wordt gebruikt om een vooraf gedefinieerde lijst met opties te maken voor een <input>-element. Hiermee kan de gebruiker een optie uit de lijst selecteren, maar ook een eigen waarde invoeren indien gewenst. De lijst met vooraf gedefinieerde waarden blijft verborgen totdat de gebruiker begint te typen in het bijbehorende tekstveld. Het <datalist>-element wordt gekoppeld aan een id-attribuut, en het <input>-element wordt eraan gelinkt via het list-attribuut.
index.html
Het <datalist>-element is nuttig wanneer het gewenst is om behulpzame suggesties te bieden zonder gebruikers te beperken tot een vaste set keuzes.
Voorbeeld
Wanneer de gebruiker in het veld typt, toont de browser de vooraf gedefinieerde categorieën. Als er geen overeenkomsten zijn, kan de gebruiker alsnog een eigen waarde invoeren.
index.html
<label for="category">: beschrijft het doel van het invoerveld;<input type="text" name="category" id="category" list="categories"/>: een tekstveld dat suggesties toont uit een gekoppelde datalist;<datalist id="categories">: bevat vooraf gedefinieerde opties die als suggesties verschijnen tijdens het typen;<option value="...">: vertegenwoordigt elk voorgesteld item.
1. Welk HTML-element wordt gebruikt om een keuzelijst met meerdere opties te maken?
2. Wat is het doel van het datalist-element?
3. Welk attribuut wordt gebruikt om een datalist-element aan een input-element te koppelen?
Bedankt voor je feedback!
