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