Тег <datalist> используют для того, чтобы на веб-странице при наборе в текстовом поле предлогался список возможных вариантов. Список возможных вариантов изначально скрыт и становится видимым при наборе текста или получении полем фокуса.
Список, создаваемый тегом <datalist>, связывается с текстовым полем при помощи атрибута id. Его значение должно совпадать со значением атрибута list тега <input>.
Атрибуты
Для этого тега можно использовать глобальные атрибуты и события.
Синтаксис
<input list="<идентификатор>">
<datalist id="<идентификатор>">
<option value="Текст">
<option value="Текст">
</datalist>
Пример
<html>
<head>
<title>Тег DATALIST</title>
</head>
<body>
<p>Выберите марку авто </p>
<p><input list="avtomarka">
<datalist id="avtomarka">
<option value="Acura"></option>
<option value="Audi"></option>
<option value="Ford"></option>
<option value="Mercedes - Benz"></option>
<option value="Nissan"></option>
<option value="Toyota"></option>
</datalist></p>
</body>
</html>
Здесь может быть ваша реклама! Блок 1. Настройка рекламы в личном кабинете.
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
irogex.ru
Реклама Ремонтируем радиаторы, интеркулеры, пайпинг и ВСЁ из алюминия, чугуна, стали с ГАРАНТИЕЙ КАЧЕСТВА. Диагностика и ремонт подвески, трансмиссии, всех узлов и агрегатов
www.bullet-shop.pro
Реклама Вам нужен товар из Китая мы с радостью доставим его, а также поможем с выкупом товара с ТаоБао, АлиБаба, 1688.com. Помощь в переводе при заключении сделок!
www.unikorob.ru
Ещё пока нет комментариев, будь первым!