HTML тег <datalist>
Поддержка браузерами
| 12.0+ | 10.0+ | 4.0+ | 20.0+ | 9.0+ |
Описание
HTML тег <datalist> определяет список предопределенных вариантов элемента <input>, которые можно выбирать при наборе в текстовом поле.
Тег <datalist> используется обычно для "автозаполнения". Изначально этот список скрыт и становится доступным при получении полем фокуса.
Используйте список атрибутов элемента <input>, чтобы использовать его вместе с тегом <datalist>.
Атрибуты
Тег <datalist> поддерживает Глобальные атрибуты и События
Стиль по умолчанию
datalist {
display: none;
}
Пример
<input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Google Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
Результат данного примера в окне браузера:
