Справочники HTML5 datalist

Что такое datalist в HTML5?

HTML тег <datalist> служит для создания списка с возможностью выбора элементов через input поле. Требует закрывающий тег </datalist>.

Тег работает не во всех браузерах, так в Safari или же во встроенным браузере от Андроид такой тег работать корректно не будет.

Тег создает именно сам список элементов, к которому вы можете иметь доступ через input. Некоторые браузеры попросту не скрывают сам список элементов, но функционал работает верно.

Атрибуты:
  • К тегу нет дополнительных атрибутов, кроме id. Вам необходимо прописывать одинаковый id в datalist и в input атрибуте list. Иначе в инпуте не будет срабатывать поиск элементов.
<input list="some_id">
<datalist id="some_id">
 <option value="Audi">
 <option value="BMW">
 <option value="Shkoda">
 <option value="Porshe">
</datalist>
Результат:
Комментарии
Добавить комментарий

Пока комментариев нет