HTML-тег <datalist>

Элемент <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>