Облако ссылок Добавить сайт Опубликовать Пользователи Категории

Сервис полезной информации


Размещайте полезную информацию и одновременно продвигайте свои проекты.


Узнать больше

Тег datalist - это список возможных вариантов


X

Тег datalist - это список возможных вариантов

Тег <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 Просмотров сегодня +3 30 июня 2017
Реклама помогает поддерживать
и развивать наш сервис.


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