Mi az a <datalist> elem az HTML5-ben?

A <datalist> elem az HTML5-ben egy előre definiált lehetőségek listáját hozza létre, amelyeket a felhasználó kiválaszthat egy kapcsolódó <input> mezőbe történő beírás során. Ez javítja a felhasználói élményt, lehetővé téve javaslatok és automatikus kitöltés megjelenítését.

Használati példa:

<label for="browser">Válasszon böngészőt:</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>

Ebben a példában, amikor a mezőbe ír, legördülő lista jelenik meg a böngésző opciókkal.