<datalist>
HTML-элемент <datalist>
содержит набор опций (<option>
), доступных для выбора. Выбранное значение будет установлено для элемента <input>
, с атрибутом list
.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
Категория контента | Потоковый контент, фразовый контент. |
---|---|
Разрешённое содержимое | Либо фразовый контент, либо ноль или более элементов <option> . |
Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
Разрешённые родители | Любой элемент, который может содержать фразовый контент. |
Разрешённые ARIA-роли | Нет |
DOM-интерфейс | HTMLDataListElement (en-US) |
Атрибуты
С данным элементом можно использовать все глобальные атрибуты.
Примеры
<label for="myBrowser">Choose a browser from this list:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>
Результат
Спецификации
Спецификация | Статус | Комментарий |
---|---|---|
HTML Living Standard Определение '<datalist>' в этой спецификации. |
Живой стандарт | |
HTML5 Определение '<datalist>' в этой спецификации. |
Рекомендация |
Поддержка браузерами
BCD tables only load in the browser
Полифил
Для использованиях в браузерах, которые не поддерживают данную технологию, рекомендуется использовать полифил: datalist-polyfill.