Что такое элемент <datalist> в HTML5?

<datalist> - это элемент HTML, который предоставляет список предопределенных опций для элемента <input>.

Основные характеристики:

• Связывается с <input> через атрибут list (<input list="моиВарианты">).
• Содержит элементы <option>, каждый из которых представляет один вариант.
• Не отображается сам по себе, служит в качестве источника данных для <input>.
• Предоставляет пользователю выпадающий список возможных значений по мере ввода в <input>.
• Позволяет вводить значения, отсутствующие в списке (<datalist>), в отличие от элементов <select>, которые ограничивают выбор только предопределенными опциями.

Пример использования:

<!-- Связываем input с datalist по id "browserOptions" -->
<input list="browserOptions" name="browser">

<datalist id="browserOptions">
  <option value="Chrome">  <!-- Один из вариантов -->
  <option value="Firefox">
  <option value="Safari">
  <option value="Edge">
  <option value="Opera">
</datalist>