Элемент <datalist> указывает набор предопределенных параметров для элемента <input>. Его можно использовать для быстрого выбора поля ввода, например, функции автозаполнения. Это не только экономит время пользователя, но и уменьшает количество ошибок, поскольку у пользователя меньше вероятности сделать орфографическую ошибку. Атрибут list элемента <input> используется для связывания его с элементом <datalist>.
| Тип: | Block |
| Контент: | Элементы <option> |
| Открывающий тег: | Обязательный |
| Закрывающий тег: | Обязательный |
| Версия: | Новый в HTML5 |
Синтаксис
Базовый синтаксис тега <datalist> выглядит следующим образом:
HTML / XHTML: <datalist> ... </datalist>Примеры написания кода тега <datalist>:
<p>Введите имя вашего любимого браузера:</p>
<input type="text" list="browsers">
<datalist id="browsers">
<option value="Firefox">
<option value="Chrome">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
</datalist>Специальные атрибуты тега
Тег <datalist> не имеет специальных атрибутов.
Глобальные атрибуты
Как и все другие HTML-теги, тег <datalist> поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <datalist> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <datalist> поддерживается во всех основных браузерах.
