<datalist>
Создаёт список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса или при наборе текста.
Закрывающийся тег:
Обязателен
Поддержка:
HTML4 и выше
Атрибуты:
Список, создаваемый элементом <datalist>
, связывается с текстовым полем посредством атрибута id. Его значение должно совпадать со значением атрибута list элемента <input>
.
Пример:
<!DOCTYPE html> <html> <head> <meta charset="ru"> <title>datalist</title> </head> <body> <p>Выберите язык веб-разметки:</p> <p><input list="character"> <datalist id="character"> <option value="HTML"></option> <option value="CSS"></option> <option value="PHP"></option> <option value="Java Script"></option> </datalist></p> </body> </html>