Тег HTML <datalist>

  • Предыдущая страница <data>
  • Следующая страница <dd>

Определение и использование

<datalist> Этикетка Элемент <input>определения списка предварительно определенных опций.

<datalist> Этикетка используется для <input> Элемент предоставляет функцию "автоматического завершения". Пользователь увидит список предварительно определенных опций при вводе данных.

<datalist> Атрибут id элемента должен быть равен <input> элемента Свойство list(Это свяжет их вместе).

Дополнительная информация:

Руководство по HTML DOM:Объект Datalist

Пример

Список данных с предварительно определенными опциями (связанный с элементом <input>):

<label for="browser">Пожалуйста, выберите ваш браузер из списка:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Попробуйте сами

Глобальные атрибуты

<datalist> Тег также поддерживает Глобальные атрибуты в HTML.

атрибуты событий

<datalist> Тег также поддерживает Событийные атрибуты в HTML.

Стандартные CSS настройки

Большинство браузеров будут использовать следующие значения по умолчанию для отображения <datalist> Элемент:

datalist {
  display: none;
}

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот элемент.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5
  • Предыдущая страница <data>
  • Следующая страница <dd>