demo.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body {
text-align: center;
}
</style>
</head>
<body>
<input type="text" list="car" /> <!--普通输入框,通过list属性绑定数据列表-->
<datalist id="car"> <!--数据列表标签-->
<option>宝马</option> <!--不写value属性-->
<option>奥迪</option>
<option>奔驰</option>
<option>宝骏</option>
<option>宝宝</option>
<option>奥拓</option>
</datalist>
</body>
</html>