Атрибут list

Справочник:

Характеристики атрибута

В каких браузерах работает?


10.0+	20.0+	9.6+	-	4.0+	-	-

В каких спецификациях используется?

HTML

5.0

XHTML

Для чего используется?

Отвечает за формирование подсказок при заполнении текстовых полей. Подсказки берутся из списка, который указан в теге datalist. Связь между атрибутом list и тегом datalist формируется за счет равенства идентификаторов. Изначально эти подсказки не выводятся. Для просмотра и выбора они становятся доступны при фокусировке на заданном текстовом поле.

Как правильно задавать?

<input list="id">
<datalist id="id">
 <option value="Вариант1">
 <option value="Вариант2">
</datalist>

Какие значения могут быть записаны в атрибут?

Идентфикатор такой же, какой указан в теге <datalist>.

В каких тегах применяется?

Применяется только в input.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут list</title>
 </head>
 <body>
  <p>Укажите страну:</p>
  <p><input list="contry">
   <datalist id="contry">
    <option value="Украина"></option>
    <option value="Россия"></option>
    <option value="Беларусь"></option>
   </datalist></p>
 </body>
</html>

По итогу получаем

Тип HTML атрибута:

Прочие