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;
}
Сайт работает на фреймворке W3.CSS.
