Автозаполнение

Выпадающий список с автозаполненем можно реализовать через тег <datalist>.

<input type="text" list="browsers">
<datalist id="browsers">
  <option value="Яндекс.Браузер">
  <option value="Chrome">
  <option value="Safari">
  <option value="Firefox">
</datalist>

Результат:

 

Также в атрибуте label можно указывать дополнительную информацию:

<input type="email" list="email">
<datalist id="email">
  <option value="my@example.ru" label="Мой email">
  <option value="ivan@example.ru" label="Иван Иванов">
  <option value="maruya@example.ru" label="Мария Николаевна">
</datalist>

Результат: