Атрибут 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 | |
| 3.2 | |
| 4.01 | |
| 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 | |
| 1.1 | |
Значения
Пример использования
Листинг кода
<!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>
<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)