datalist

HTML5

Оновлено: 03.06.2022

<datalist>

Елемент <datalist> (від англ. data list - список даних) створює список варіантів, які можна вибирати при наборі в текстовому полі. Спочатку цей список прихований і стає доступним при отриманні полем фокусу або набору тексту.

Синтаксис

<input list="<ідентифікатор>"> <datalist id="<ідентифікатор>"> <option value="Текст1"> <option value="Текст2"> </datalist>

Закриваючий тег

Обов'язковий.

Атрибути

Список, створюваний елементом <datalist>, пов'язується з текстовим полем у вигляді атрибуту id. Його значення маэ спывпадати зы значенням атрибута list елемента <input>.

Приклад

Результат цього прикладу показано на рис. 1.

Рис. 1. Використання

Браузери

datalist

Переглянути сумісність з Can I use?

datalist