Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

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> 

Результат данного примера в окне браузера:

Пример использования тега <datalist>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2018 © puzzleweb.ru

Реклама на сайте | puzinfo@puzzleweb.ru