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)