Was ist das Element <datalist> in HTML5?

Das <datalist>-Element in HTML5 wird verwendet, um eine Liste vordefinierter Optionen zu erstellen, die der Benutzer beim Eingeben in ein verbundenes <input>-Feld auswählen kann. Dies verbessert die Benutzererfahrung, indem Vorschläge und Autovervollständigung angezeigt werden.

Beispiel:

<label for="browser">Wählen Sie einen 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 diesem Beispiel erscheint beim Tippen im Feld eine Dropdown-Liste mit Browser-Optionen.