Використання елемента Datalist для попередньо визначених підказок введення
Свайпніть щоб показати меню
Елемент <datalist> в HTML використовується для створення попередньо визначеного списку варіантів для елемента <input>. Це дозволяє користувачу вибрати варіант зі списку, а також дає можливість ввести власне значення за бажанням. Список попередньо визначених значень залишається прихованим, доки користувач не почне вводити текст у відповідне текстове поле. Елемент <datalist> поєднується з атрибутом id, а <input> зв'язується з ним за допомогою атрибута list.
index.html
Елемент <datalist> корисний, коли потрібно надати корисні підказки, не обмежуючи користувачів фіксованим набором виборів.
Приклад
Коли користувач вводить дані у поле, браузер показує заздалегідь визначені категорії. Якщо жодна не підходить, користувач все одно може ввести власне значення.
index.html
<label for="category">: описує призначення поля введення;<input type="text" name="category" id="category" list="categories"/>: текстове поле, яке відображає підказки зі зв'язаного datalist;<datalist id="categories">: містить заздалегідь визначені варіанти, які з'являються як підказки під час введення;<option value="...">: представляє кожен запропонований елемент.
1. Який HTML-елемент використовується для створення випадаючого списку з декількома опціями?
2. Яке призначення елемента datalist?
3. Який атрибут використовується для зв'язку елемента datalist з елементом input?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
