1、首先一提到下拉框，大多数人都回用select来进行实现，如下图所示
2、下面我们直接给input添加下拉框，如下图所示，声明一个input元素
3、接着声明下拉数据列的内容，如下图所示，数据列用datalist进行声明
4、然后我们运行一下页面，你会看到数据列的内容并不会显示，如下图所示
5、接着在input元素中指定list属性，如下图所示，其值为指定的datalist的id值，如下图所示
6、最后运行页面，这个时候你会看到input元素获得焦点以后会自动弹出下拉框，如下图所示
7、综上所述，在给input设置下拉数据的时候只要是通过datalist实现的，注意input的list属性id值一定要对应datalist