<datalist> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Главная » Справочник HTML » Формы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<datalist> | Тег HTML

Тег <datalist> создаёт предположительные варианты ответа




Тег <datalist> создаёт предположительные варианты ответов на указанный вопрос,варианты ответа будут видны при совпадении с набираемым текстом в текстовом поле.Тег поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Синтаксис тега <datalist> ( закрывающий тэг обязателен! )


<input list="<идентификатор>">
<datalist id="<идентификатор>">
<option value="Предпологаемый вариант текста1">
<option value="Предпологаемый вариант текста2">
</datalist>

Тег работает в браузерах





Атрибут тега <datalist>

Атрибут list

Значение должно совпадать со значением атрибута list в теге <input>

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг datalist</title>
</head>
<body>
<p>Каким алкольным напитком любите душу расслабить?</p>
<input list="buhlo">
<datalist id="buhlo">
<option value="Водкой">
<option value="Пивом">
<option value="Вином">
<option value="Коньяком">
<option value="Самогоном">
<option value="Брагой">
<option value="Не пью">
</datalist>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Формы | Добавил: IZOTOP (07.06.2012) | Автор: Меренков Михаил W
Просмотров: 689 | Теги: предполагаемый ответ | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]