Что хотят услышать интервьюеры:

<datalist> — это встроенный HTML-элемент для подсказок к полю ввода. Он помогает показать пользователю список вариантов, но при этом не ограничивает ввод только этими значениями. Обычно его используют вместе с <input> через атрибут list.

Определение:

<datalist> задаёт набор предопределённых вариантов для автодополнения в текстовом поле. В отличие от <select>, пользователь может либо выбрать подсказку, либо ввести своё значение вручную. Это удобно для форм, где нужен баланс между подсказками и свободным вводом.

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

<label for="browser">Выберите браузер:</label>
<input id="browser" name="browser" list="browsers">

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Safari">
  <option value="Edge">
</datalist>

Пояснение кода:

Код показывает поле ввода input и список подсказок datalist.

У input указан атрибут list="browsers", который связывает поле с элементом <datalist id="browsers">.
Внутри datalist находятся элементы <option>, каждый из которых задаёт один вариант для автодополнения.
Когда пользователь начинает вводить текст, браузер может показать совпадающие варианты из списка.
Пользователь не обязан выбирать только из предложенных значений — можно ввести любое другое значение.

Ключевые моменты:

<datalist> предоставляет подсказки для <input>, а не полноценный выпадающий список.
Пользователь сохраняет возможность вводить произвольный текст.
Связывание происходит через атрибут list у input и id у datalist.
Подходит для форм с автодополнением: города, браузеры, страны, теги.
Это удобнее, чем <select>, если нужен список рекомендаций без жёсткого ограничения.

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