отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<datalist>

  • 94

  • 0

  • Нравится

    0

  • Код:135358923774

Создает список вариантов
Задайте вопрос продавцу

<datalist>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<datalist>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

     Изначально этот список скрыт

Описание

Создает список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса или наборе текста.

 

Синтаксис

<input list="<идентификатор>">
<datalist id="<идентификатор>">
 <option value="Текст1">
 <option value="Текст2">
</datalist>

 

 

Атрибуты

Список, создаваемый тегом <datalist>, связывается с текстовым полем посредством атрибута id. Его значение должно совпадать со значением атрибута list тега <input>.

 

 

Закрывающий тег

Обязателен.

 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>datalist</title>
 </head>
 <body>
  <p>Выберите любимого персонажа:</p>
  <p><input list="character">
   <datalist id="character">
    <option value="Чебурашка"></option>
    <option value="Крокодил Гена"></option>
    <option value="Шапокляк"></option>
   </datalist></p>
 </body> 
</html>

 

 

<select name="browser">
<option value="firefox">Firefox</option>
<option value="ie">IE</option>
<option value="chrome">Chrome</option>
<option value="opera">Opera</option>
<option value="safari">Safari</option>
</select>

 

<input type=text list=browsers>
<datalist id=browsers>
  <option value="Firefox">
  <option value="IE">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

 

<datalist id="frameworks">
	<option value="MooTools">
	<option value="Moobile">
	<option value="Dojo Toolkit">
	<option value="jQuery">
	<option value="YUI">
</datalist>
<label for="color">Favorite Color</label>
<input list="colors" name="color">
<datalist id="colors">
    <option value="Green">
    <option value="Red">
    <option value="Blue">
    <option value="Yellow">
    <option value="Orange">
    <option value="Purple">
    <option value="Black">
    <option value="White">
    <option value="Gray">
    <option value="Plaid">
</datalist>
 

 

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи