Co je to prvek <datalist> v HTML5?

Prvek <datalist> v HTML5 slouží k vytvoření seznamu předdefinovaných možností, které uživatel může vybrat při zadávání do souvisejícího pole <input>. To zlepšuje uživatelský zážitek tím, že umožňuje zobrazovat návrhy a automatické doplňování.

Příklad použití:

<label for="browser">Vyberte prohlížeč:</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>

V tomto příkladu se při psaní do pole zobrazí rozbalovací seznam s možnostmi prohlížečů.