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

 

Здесь может быть ваша реклама! Блок 1. Настройка рекламы в личном кабинете.
Auir Просмотров сегодня +1 30 июня 2017
Ещё пока нет комментариев, будь первым!
Оставить комментарий
Здесь может быть ваша реклама! Блок 2. Настройка рекламы в личном кабинете.
   🔔 Отдохните не много, может Вам будет интересно прочитать статьи пользователей нашего сайта.

Тег big - это увеличение шрифта

Тег b - это полужирный шрифт

Как узнать ID последней вставленной записи

Как на AJAX передать переменные в PHP с выводом результата в блок с проверкой условий без перезагрузки страницы

Как сделать алгоритм поиска по нескольким словам на PHP из БД

Ограничение символов вводимых в текстовое поле на JavaScript

В какие каталоги добавить свой сайт бесплатно

Тег base - это базовый адрес

Тег br - это перенос строки

Тег abbr - это аббревиатура

Безопасная авторизация пользователей на MVC и PHP

Как редактировать и удалять новости на MVC и PHP
Здесь может быть ваша реклама! Блок 3. Настройка рекламы в личном кабинете.

Здесь может быть ваша реклама! Блок 4. Настройка рекламы в личном кабинете.
Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
irogex.ru
Магазин матрасов в Москве с доставкой по России. ЦЕНА - от 2000 руб
Реклама Купить матрас с доставкой в Москве и регионах, СКИДКИ до 63%. Лучшие бренды и серии. Интернет-магазин Каталог матрасов открыт 24 часа, 7 дней в неделю!
www.catalog-matrasov.ru
BULLET-SHOP - сварка аргоном, полуавтомат, тюнинг авто!
Реклама Ремонтируем радиаторы, интеркулеры, пайпинг и ВСЁ из алюминия, чугуна, стали с ГАРАНТИЕЙ КАЧЕСТВА. Диагностика и ремонт подвески, трансмиссии, всех узлов и агрегатов
www.bullet-shop.pro
Реклама помогает поддерживать
и развивать наш сервис.


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