HTML <datalist> tag

Op deze pagina:

Voorbeeld


<input list="browsers">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Vivaldi">
  <option value="Safari">
</datalist>

De <datalist> tag geeft een lijst met van te voren bepaalde opties voor een <input> element.

De <datalist> tag wordt gebruikt om een "autocomplete" feature op <input> elementen aan te bieden. Gebruikers zullen een drop-down lijst met van te voren bepaalde opties zien als ze gegevens invoeren.

Gebruik het *list* attribuut van het <input> element om deze te verbinden met een <datalist> element.

Standaard css voor het <data> element


datalist {
  display: none;
}

 

Verwante artikelen