HTML - тег <datalist> является одним из элементов HTML5. Он используется для создания списка параметров ввода, предопределенных тегом <input>.
Тег <datalist> - синтаксис и код
Тег <datalist> представлен парами. Содержимое записывается между открывающим (<datalist>) и закрывающим (</datalist>) тегами.
Пример списка данных с предопределенными параметрами (подключен к элементу input):
<label for="browser">Выберите свой браузер из списка:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Yandex">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
★ Примечание: тег <datalist> не поддерживается в Safari 12.0 (или более ранних версиях).
Определение и использование
- HTML - тег
<datalist> определяет список предопределенных параметров для элемента input;
- Тег
<datalist> используется для предоставления функции "автозаполнения" для элементов input;
- Пользователи увидят раскрывающийся список предварительно определенных параметров при вводе данных;
- Предопределенные параметры ввода заключены во вложенный элемент option.
★ Примечание: атрибут id элемента datalist должен быть равен атрибуту list элемента input (это связывает их вместе).
Поддержка <datalist> браузерами
 |
Поддерживает |
 |
Поддерживает |
 |
Поддерживает |
 |
Поддерживает |
 |
Поддерживает |
Атрибуты
Глобальные атрибуты
Тег <datalist> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <datalist> также поддерживает атрибуты событий в HTML
Настройки CSS по умолчанию
Большинство браузеров отображают элемент datalist со следующими значениями по умолчанию:
datalist {
display: none;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
