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

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

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

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

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

Тег audio - это управление аудиофайлом

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

Подключение к БД и вывод результата на PHP через PDO на MVC

Как создать модуль онлайн консультации с использованием чата на ajax и php

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

Тег area - это область ссылки

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

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

Реклама помогает поддерживать
и развивать наш сервис.


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