HTML Тег <datalist>
Приклад
Список даних із попередньо визначеними параметрами (підключений до елемента <input>):
<label for="browser">Виберіть свій браузер зі списку:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Спробуйте самі »
Визначення та використання
Тег <datalist> визначає список попередньо визначених параметрів для елемента <input>.
Тег <datalist> використовується для надання функції "автозаповнення" для <input> елементів. Під час введення даних користувачі бачитимуть розкривний список із попередньо визначеними параметрами.
Атрибут id елемента <datalist> має відповідати атрибуту <input> списку елемента (це пов’язує їх разом).
Підтримка браузерами
Числа в таблиці вказують на першу версію браузера, яка повністю підтримує елемент.
| Елемент | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Глобальні атрибути
Тег <datalist> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <datalist> також підтримує Атрибути подій в HTML.
Пов’язані сторінки
HTML DOM довідник: Об’єкт Datalist
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <datalist> з наступними значеннями за замовчуванням:
datalist {
display: none;
}
