Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Элемент datalist и атрибут list

.

Элемент datalist и атрибут list

Эти элементы очень хороши, хотя в настоящее время их поддерживают только браузеры Firefox и Opera. Они предоставляют давно востребованную функциональность: текстовое поле ввода с заранее готовым списком автозаполнения. В отличие от элемента select пользователь может вводить любые данные, но в раскрывающемся списке он увидит готовые подсказки.

Элемент datalist очень похож на select: он содержит список вариантов, которые станут элементами раскрывающегося списка. Затем вы можете связать datalist с тегом input при помощи атрибута list. В качестве значения этого параметра используется идентификатор id списка datalist, который вы хотите присоединить к полю input. Один и тот же список может использоваться с несколькими полями ввода.

Вот как это выглядит на практике:

Элемент datalist и атрибут list

Элемент datalist и атрибут list

В браузерах, имеющих поддержку этого тега, на экране вы увидите простое текстовое поле ввода, при переводе фокуса на него появится раскрывающийся список вариантов. Как это выглядит, ясно из рис. 4.4.

Элемент datalist и атрибут list

Рис. 4.4. Элемент datalist в действии в Firefox


.

Читайте так же:
Not found