html тег <input> атрибут list


Атрибут list (HTML тега <input>) визначає список визначених варіантів, який буде запропонований користувачеві. Значення атрибута повинно відповідати ідентифікатору елемента <datalist> . HTML атрибут list відноситься до елементу <datalist>, який містить попередньо визначені параметри для елемента <input>.

5d4b19dac23357836776611188e87979.png

Початково цей список прихований і стає доступним при отриманні полем фокусу.

автор: с3с

Синтаксис

<input list="datalist_id">

Атрибут list може отримувати єдине значення:

datalist_id

Ім'я ідентифікатора елемента <datalist>.

автор: с3с

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
20+ 4+ 0+ 9.6+ 12+ 10+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4+ 1+ 4+ 0+

Приклади

+ запропонувати свій приклад у пісочниці

Найпростіший приклад використання HTML атрибута list теґа <input>

See the Pen Input.list_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5


Атрибут list з'явився тільки в HTML5.

Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід