Czym jest element <datalist> w HTML5?

Element <datalist> w HTML5 służy do tworzenia listy z góry zdefiniowanych opcji, które użytkownik może wybrać podczas wpisywania w powiązanym polu <input>. Ulepsza to doświadczenie użytkownika, umożliwiając wyświetlanie podpowiedzi i autouzupełnianie.

Przykład użycia:

<label for="browser">Wybierz przeglądarkę:</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>

W tym przykładzie podczas wpisywania w polu pojawi się rozwijana lista z opcjami przeglądarek.