Тег 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 Просмотров сегодня +1 30 июня 2017
Ещё пока нет комментариев, будь первым!
Оставить комментарий
   🔔 Отдохните не много, может Вам будет интересно прочитать статьи пользователей нашего сайта.

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

Создание профиля или личного кабинета пользователя на MVC, PHP и SQL

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

Работа с БД на MVC создание модели и выполнение SQL запросов. Часть Вторая

Как на MVC с помощью PHP правильно загружать файлы с сервера. Часть Вторая

Тег blockquote - это длинная цитата

Как на MVC и PHP создать систему восстановления доступа с отправкой пароля на адрес электронной почты

Как сделать модуль бесплатной консультации на ajax

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

Как создать свою CMS или фреймворк на MVC. Часть Первая

Тег acronym - это акроним

Раскрутка группы Вконтакте с помощью лайков

Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
Создание сайтов от 5 500 руб.
Мобильные приложения от 50 000 руб.
irogex.ru
Наши проекты Инстаграм от 6 500 руб.
Конструкторы Ugears купить в Иркутске от 690 руб. с Доставкой!
Реклама UGEARS это путешествие в удивительную атмосферу гармонии природы и совершенства конструкторской мысли
Конструктор Навигатор дат - 690 руб.
Конструктор Комбайн - 2990 руб.
ugears-irk.ru
Оплата и Доставка Контакты
Стоматология в Улан-Удэ | ДентаВита | Шок цены от 100 руб!
Реклама От всей нашей семьи хотим выразить огромную благодарность стоматологической клинике
Осмотр, консультация от 150 руб.
Рентгеновский снимок от 100 руб.
dentavita03.ru
Наши цены Отзывы
Реклама помогает поддерживать
и развивать наш сервис.


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