Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Атрибут list

Дата:14.09.15 в 15:50
Справочник: 

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

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

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>

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

list

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип HTML атрибута: 
Понравилась статья? Расскажите о ней друзьям: