Главная / Верстка / Теги html / datalist - html - тег

datalist - html - тег


13.07.2013 20:252208

Описание

  Тег datalist в html предназначен для вывода списка различных вариантов при взаимодействии с текстовым полем (input) , и появляется в тот момент , когда действие происходит внутри поля (фокус).

 

Чтобы связать поле input со списком datalist, нужно тегу datalis назначить ID , а в input обратиться к нему с помощью команды list
 

Пример

<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <title>
      Тег datalist
    </title>
  </head>
  
  <body>
    <p>
      Как вы учились в школе ?:
    </p>

      <input list="school">
      <datalist id="school">
        <option value="лучше всех">
        </option>
        <option value="отлично">
        </option>
        <option value="нормально">
        </option>
        <option value="средне">
        </option>
        <option value="плохо">
        </option>
        <option value="хуже всех">
        </option>
      </datalist>

  </body>

</html>

Синтаксис html и наличие закрывающего тега

Синтаксис Закрывающий тег
<input list=".."><datalist id="..">...</datalist> обязателен

Браузеры поддерживающие <datalist>

Element
<datalist> 20.0 10.0 4.0 Not supported 9.0


Datalist , Html , Тег , Тег Datalist





«datalist - html - тег» - Похожие страницы

Нет записей


Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям