/html/input/list:> Автодополнение элемента формы_

Атрибут list

Синтаксис

HTML
<input type="..." list="[идентификатор]">
  ...
<datalist id="[идентификатор]">
  <option value="..." label="...">
  ...
</datalist>

Описание

Атрибут / параметр list (от англ. "list" ‒ «список») с помощью идентификатора присоединяет к элементу формы элемент datalist с вариантами автодополнения.

Примечание

Элементы автодопонения предлагаются пользователю в процессе ввода текста в элемент формы.

Условия использования

Применяется только к следующим типам полей формы: «color», «date», «datetime», «datetime-local», «email», «month», «number», «range», «search», «tel», «text», «time», «url», «week».


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.[1]
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
  • [1] ‒ не корректно.

Спецификация

Верс. Раздел
HTML
2.0 Input Field: INPUT
3.2 INPUT text fields, radio buttons, check boxes, ...
4.01 17.4 The INPUT element
5.0 4.10.5.3.9 The list attribute
The list attribute...
5.1 4.10.5.3.9. The list attribute
The list attribute...
XHTML
1.0 Extensible HyperText Markup Language
1.1 Extensible HyperText Markup Language

Значения

В качестве значения данного параметра указывается значение «id» атрибута datalist элемента.


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

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр list (Элемент input)</title>
</head>
<body>
<h1>Пример с атрибутом "list"</h1>
<input type="text" list="dish" placeholder="Название блюда">
<datalist id="dish">
<option value="Борщ" label="Борщ">
<option value="Пельмени" label="Пельмени">
<option value="Пюре" label="Пюре">
<option value="Суп" label="Суп">
<option value="Суши" label="Суши">
</datalist>
</body>
</html>
Параметр list (Элемент input)