Тэг <datalist>

<input type='text' list='city' />
<datalist id='city'>
<option label="Москва" value="Москва, Россия" />
<option label="Санкт-Петербург" value="Санкт-Петербург, Россия" />
<option label="Новосибирск" value="Новосибирск, Новосибирская область, Россия" />
</datalist>

Определение и Использование

Обратите внимание: в данный момент этот тэг не поддерживается в браузерах IE и Safari.

Тэг <datalist> позволяет создать список с данными, который можно привязать к полю ввода.

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

Для того, чтобы привязать список к полю ввода используйте атрибут list тэга input.