<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>' в этой спецификации.		 Рекомендация  

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
Базовая поддержкаChrome Полная поддержка 20Edge Полная поддержка ДаFirefox Полная поддержка 4IE Полная поддержка 10Opera Полная поддержка 9.5Safari Нет поддержки НетWebView Android Нет поддержки НетChrome Android Полная поддержка 33Edge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна

Полифилл

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

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

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

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

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