Тег <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>

 

Auir Просмотров сегодня +1 30 июня 2017
Ещё пока нет комментариев, будь первым!
Оставить комментарий
→ Займы под залог недвижимости срочно за 1 день! ИП Блажевич Денис Викторович ИНН: 032602092643
Реклама Получите займ под залог без подтверждения доходов в день обращения. Самые выгодные условия. Любая кредитная история!
www.capitalinvestbv.ru
SEO продвижение ваших сайтов от 25 000 руб. в мес. Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
irogex.ru
→ BULLET-SHOP - сварка аргоном, полуавтомат, тюнинг авто!
Реклама Ремонтируем радиаторы, интеркулеры, пайпинг и ВСЁ из алюминия, чугуна, стали с ГАРАНТИЕЙ КАЧЕСТВА. Диагностика и ремонт подвески, трансмиссии, всех узлов и агрегатов
www.bullet-shop.pro
Реклама помогает поддерживать
и развивать наш сервис.


Подробнее
(ссылка откроется в новой вкладке)