Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



HTML Тег <datalist>



Пример

Список данных с предопределенными опциями (подключенный к элементу <input>):

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

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
Попробуйте сами »


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

Тег <datalist> задает список предопределенных параметров для элемента <input>.

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

Тег <datalist> атрибут id элемента должен быть равен атрибуту списка элемента <input> (это связывает их вместе).


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

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элементы
<datalist> 20.0 10.0 4.0 12.1 9.5

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

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


События атрибутов <datalist>

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


Связные страницы <datalist>

HTML DOM справочник: Объект datalist


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

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

datalist {
  display: none;
}


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.