Что такое 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>
Результат:
Комментарии