<datalist>

Создаёт список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса или при наборе текста.

Закрывающийся тег: 
Обязателен
Поддержка: 
HTML4 и выше
Атрибуты: 

Список, создаваемый элементом <datalist>, связывается с текстовым полем посредством атрибута id. Его значение должно совпадать со значением атрибута list элемента <input>.

Пример: 

<!DOCTYPE html>
<html>
 <head>
   <meta charset="ru">
   <title>datalist</title>
 </head>
 <body>
  <p>Выберите язык веб-разметки:</p>
  <p><input list="character">
   <datalist id="character">
     <option value="HTML"></option>
     <option value="CSS"></option>
     <option value="PHP"></option>
     <option value="Java Script"></option>
   </datalist></p>
 </body> 
</html>