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

Тег address - это обозначения контактной информации автора

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

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

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

Как редактировать и удалять новости на MVC и PHP

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

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

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

Недостатки раскрутки групп Вконтакте специальными сервисами

Тег article - это статья

Как на MVC с помощью PHP и MySQL создать счетчик просмотров страниц

Как проверить радио кнопку checkbox без перезагрузки страницы ajax php

Создание сайтов и мобильных приложений | Любой сложности | Android, iOS, AR, VR
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
Создание сайтов от 5 000 руб.
Мобильные приложения от 50 000 руб.
irogex.ru
Наши проекты Контакты
Реклама помогает поддерживать
и развивать наш сервис.


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