Элемент <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> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.