HTML-тег datalist задаёт список опций для использования элементов управления формы.
Он может быть связан с input элементом и содержать опции, определённые option элементами. Таким образом, текстовое поле может быть расширено и содержать дополнительный список выбираемых пользователем параметров.
Атрибут list элемента input свяжет поле формы с полем, datalist которое имеет соответствующий id атрибут.
Пример
<form action="/residence/"> <label>Country of residence: <input name="country" list="countries"> <datalist id="countries"> <option>India</option> <option>UK</option> <option>USA</option> </datalist> </label> <input type="submit"> </form>
Страницы в тему:
Все HTML-теги
a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del dfn div dl dt em embed fieldset figcaption figure footer form h1 — h6 head header hr html i iframe img input ins kbd keygen label legend li link main map mark meta meter nav noscript object ol optgroup option output p param pre progress q rb rp rt rtc ruby s samp script section select small source span strong style sub sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr
Уроки:
- Формы HTML5, пункт 2: Атрибуты и списки данных (Внушительный урок HTML)