🔴 Нужно дать пользователю подсказки, но при этом оставить возможность ввести своё значение? Тут пригодится <datalist>.

Он связывается с <input> и показывает набор вариантов, которые можно выбрать или использовать как подсказки:

<label for="browser">Браузер:</label>

<input list="browsers" id="browser">

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

Главное отличие от <select>:

🟡 <select> ограничивает выбор значениями из списка;
🟡 <datalist> предлагает варианты, но не запрещает ввести своё значение.

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#readme