Тег <datalist> определяет список предопределенных вариантов значений для элемента <input>.
Тег <datalist> используется для "автозаполнения" элемента <input>. При активации соответствующего элемента <input> пользователь увидит выпадающий список из предопределенных вариантов данных для ввода.
Используйте атрибут list элемента <input>, чтобы связать его с соответствующим элементом <datalist>.
Разница между HTML 4.01 и HTML5
Тег <datalist> был добавлен в HTML5.
Общие атрибуты
Тег <datalist> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <datalist> со следующими стилями
datalist {
display: none;
}
HTML пример использования
Элемент <input> с предопределенными значениями:
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
