Елемент <datalist> (від англ. data list — список даних) створює список варіантів, які можна вибирати під час набору в текстовому полі. Спочатку цей список прихований і стає доступним при отриманні полем фокусу або при наборі тексту.
Синтаксис
<input list="<ідентифікатор>"> <datalist id="<ідентифікатор>"> <option value="Текст1"> <option value="Текст2"> </datalist>
Закриваючий тег
Обов'язковий.
Атрибути
Приклад
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>datalist</title> </head> <body> <p>Виберіть улюбленого персонажа:</p> <p><input list="character"> <datalist id="character"> <option value="Чебурашка"></option> <option value="Крокодил Гена"></option> <option value="Шапокляк"></option> </datalist></p> </body> </html>
Результат даного прикладу показаний на мал. 1.
Мал. 1. Використання <datalist>
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Reco mmendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
- Proposed Recommendation (Запропонована рекомендація ) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft (Робочий проект) — зріліша версія чернетки після обговорення та внесення поправок для розгляду спільнотою. li>
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особливо який стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває у постійній розробці та оновлюється регулярно.
Браузери
| 10 | 12 | 20 | 9.5 | 4 |
| 3 | 4 | 10 |
Браузери
У таблиці браузерів застосовуються наступні позначення.
- — елемен т повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується.
views-similar-block" class="block">