САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <datalist>


Пример

Элемент <input> с предопределенными значениями в <datalist> (списке данных):

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
Попробуйте сами »

Определение и использование

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

Тег <datalist> используется для предоставления функции "autocomplete" для элементов <input>. Пользователи увидят раскрывающийся список предопределенных параметров при вводе данных.

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


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

Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент.

Элемент
<datalist> 20.0 10.0 4.0 12.1 9.0

Различия между HTML 4.01 и HTML5

Тег <datalist> новый в HTML5.


Глобальные атрибуты

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


Атрибуты событий

Тег <datalist> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML DOM справочник: Объект Datalist


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <datalist> со следующими значениями по умолчанию:

datalist {
  display: none;
}