<datalist>
HTML-элемент <datalist> содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>, с атрибутом list.
Интерактивный пример
| Категория контента | Потоковый контент, фразовый контент. |
|---|---|
| Допустимое содержимое | Либо фразовый контент, либо ноль или более элементов <option>. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который может содержать фразовый контент. |
| Допустимые ARIA-роли | Нет |
| DOM-интерфейс | HTMLDataListElement (en-US) |
Атрибуты
С данным элементом можно использовать все глобальные атрибуты.
Примеры
html
<label for="myBrowser">Choose a browser from this list:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
<option value="Chrome"></option>
<option value="Firefox"></option>
<option value="Internet Explorer"></option>
<option value="Opera"></option>
<option value="Safari"></option>
<option value="Microsoft Edge"></option>
</datalist>
Результат
Спецификации
| Specification |
|---|
| HTML Standard # the-datalist-element |
Поддержка браузерами
BCD tables only load in the browser
Полифил
Для использованиях в браузерах, которые не поддерживают данную технологию, рекомендуется использовать полифил: datalist-polyfill.