<datalist>

HTML-элемент <datalist> содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>, с атрибутом list.

Категория контента Потоковый контент, фразовый контент.
Разрешённое содержимое Либо фразовый контент, либо ноль или более элементов <option>.
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Разрешённые родители Любой элемент, который может содержать фразовый контент.
Разрешённые ARIA-роли Нет
DOM-интерфейс HTMLDataListElement

Атрибуты

С данным элементом можно использовать все глобальные атрибуты.

Примеры

<label for="myBrowser">Choose a browser from this list:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

Результат

Спецификации

Спецификация Статус Комментарий
HTML Living Standard
Определение '<datalist>' в этой спецификации.
Живой стандарт
HTML5
Определение '<datalist>' в этой спецификации.
Рекомендация

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

BCD tables only load in the browser

Полифил

Для использованиях в браузерах, которые не поддерживают данную технологию, рекомендуется использовать полифилл: datalist-polyfill.

Смотрите так же

  • Элемент <input> , в особенности его атрибут list;
  • Элемент <option>.