Wat is het <datalist>-element in HTML5?

Het <datalist>-element in HTML5 wordt gebruikt om een lijst met vooraf gedefinieerde opties te maken die de gebruiker kan selecteren bij het invoeren in een gekoppeld <input>-veld. Dit verbetert de gebruikerservaring door suggesties en automatische aanvulling mogelijk te maken.

Voorbeeld van gebruik:

<label for="browser">Kies een browser:</label>
<input list="browsers" id="browser" name="browser">
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Safari">
  <option value="Edge">
  <option value="Opera">
</datalist>

In dit voorbeeld verschijnt er een dropdownlijst met browseropties wanneer je begint te typen in het veld.