Меню

HTML тег <datalist>

Поддержка браузерами

12.0+ 10.0+ 4.0+ 20.0+ 9.0+

Описание

HTML тег <datalist> определяет список предопределенных вариантов элемента <input>, которые можно выбирать при наборе в текстовом поле.

Тег <datalist> используется обычно для "автозаполнения". Изначально этот список скрыт и становится доступным при получении полем фокуса.

Используйте список атрибутов элемента <input>, чтобы использовать его вместе с тегом <datalist>.

Атрибуты

Тег <datalist> поддерживает Глобальные атрибуты и События

Стиль по умолчанию


datalist {
    display: none;
} 

Пример


<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist> 

Результат данного примера в окне браузера:

Пример использования тега <datalist>