Атрибут list

Указывает на список вариантов, созданный с помощью элемента <datalist>, которые можно выбирать при наборе текста. Изначально этот список скрыт и становится доступным при получении полем фокуса.

Синтаксис

<input list="<идентификатор>">
<datalist id="<идентификатор>">
 <option value="Текст1">
 <option value="Текст2">
</datalist>

Значения

Имя идентификатора элемента <datalist>.

Значение по умолчанию

Нет.

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>input, атрибут list</title> </head> <body> <form> <p><input list="cocktail"></p> <datalist id="cocktail"> <option>Аперитивы</option> <option>Горячие</option> <option>Десертные</option> <option>Диджестивы</option> <option>Молочные</option> <option>Слоистые</option> </datalist> </form> </body> </html>

Вид текстового поля при наборе текста показан на рис. 1.

Выбор текста из списка

Рис. 1. Выбор текста из списка

Браузеры

1012209.64
4410

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 02.01.2017
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты