<datalist>

Перейти к:
  1. Атрибуты
  2. Примеры
  3. Спецификация
  4. Совместимость браузера
  5. Полифилл
  6. Смотрите так же

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

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

Категория контента Потоковый контент, фразовый (текстовый) контент
Допустимый контент Фразовый (текстовый) контент, элементы <option>.
Опускание тегов None, both the starting and ending tag are mandatory.
Допустимый родительский элемент Любой элемент, который может содержать фразовый контент
Допустимый 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>' в этой спецификации.		 Рекомендация  

Совместимость браузера

ВозможностьChromeEdgeFirefoxInternet ExplorerOperaSafari
Базовая поддержка20 Да4109.5 Нет
ВозможностьAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Базовая поддержка3333 Да4 ? Нет Да

Полифилл

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

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

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

Метки документа и участники

Внесли вклад в эту страницу: fanich37
Обновлялась последний раз: fanich37,