Автозаполнение
Выпадающий список с автозаполненем можно реализовать через тег <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>
Результат:
Поддержать автора
Все статьи создаются и поддерживаются одним человеком,
если вам нравится контент, вы можете поддержать автора сайта