Вказує на список варіантів, створений за допомогою елемента <datalist>, які можна вибирати під час набору тексту. Спочатку цей список прихований і стає доступним при отриманні полем фокуса.
Синтаксис
<input list="<ідентифікатор>"> <datalist id="<ідентифікатор>"> <option value="Текст1"> <option value="Текст2"> </datalist>
Значення
Ім'я ідентифікатора елемента <datalist>.
Значення за замовчуванням
Ні.
Приклад
< ;!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>input, атрибут list</title> </head> <body> <form> <p><input list="cocktail"></p> <datalist id="cocktail"> <option>Аперитиви</option> <option>Гарячі</option> <option>Десертні</option> <option>Діжестиви</option> <option>Молочні</option> <option>Шарові</option> </datalist> </form> </body> </html>
Вигляд текстового поля при наборі тексту показаний на мал. 1.
Мал. 1. Вибір тексту зі списку
Браузери
| 10 | 12 | 20 | 9.6 | 4 |
| 4 | 4 | 10 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент брауз ером не сприймається і ігнорується;
- — при роботі можлива поява різних помилок або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується. container credit">
Автор та редактори
Останнє змінення: 02.01 .2017
Редактори: Влад Мержевич