Тег <datalist> позволяет создать выпадающий список вариантов с текстовым полем для набора и поиска вариантов. По умолчанию список скрыт и появляется при фокусе на поле или во время набора текста.
<input list="<идентификатор>">
<datalist id="<идентификатор>">
<option value="Текст1">
<option value="Текст2">
</datalist>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>datalist</title>
</head>
<body>
<p><input list="food">
<datalist id="food">
<option value="Бекон"></option>
<option value="Ветчина"></option>
<option value="Колбаски"></option>
</datalist></p>
</body>
</html>
0 комментариев