Внимание: данная функция не работает в Internet Explorer 9 и более ранних версиях, а также в Safari.
Тег datalist создаёт перечень заранее заданных вариантов для элемента input, которые можно выбирать по мере ввода текста.
Обычно он применяется для «автозаполнения». Изначально список скрыт, но появляется, как только поле получает фокус.
Чтобы воспользоваться им, укажите атрибут list в элементе input, а сам список – через тег datalist.
Атрибуты элемента input для datalist: Помимо стандартных свойств, важны атрибуты type="text", list="имя_списка" и placeholder.
Пример использования: <input type="text" list="browsers" placeholder="Выберите браузер"><datalist id="browsers"> <option value="Internet Explorer"></option> <option value="Firefox"></option> <option value="Google Chrome"></option> <option value="Opera"></option> <option value="Safari"></option></datalist>