Тег datalist HTML

HTML - тег <datalist> является одним из элементов HTML5. Он используется для создания списка параметров ввода, предопределенных тегом <input>.

Тег <datalist> - синтаксис и код

Тег <datalist> представлен парами. Содержимое записывается между открывающим (<datalist>) и закрывающим (</datalist>) тегами.

Пример списка данных с предопределенными параметрами (подключен к элементу input):

<label for="browser">Выберите свой браузер из списка:</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Yandex">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Выберите свой браузер из списка:

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

• HTML - тег <datalist> определяет список предопределенных параметров для элемента input;
• Тег <datalist> используется для предоставления функции "автозаполнения" для элементов input;
• Пользователи увидят раскрывающийся список предварительно определенных параметров при вводе данных;
• Предопределенные параметры ввода заключены во вложенный элемент option.

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

	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает

Атрибуты

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

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

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

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

Настройки CSS по умолчанию

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

datalist {
  display: none;
}

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.