Атрибут 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)