如何给Input元素添加数据列表

1、首先一提到下拉框，大多数人都回用select来进行实现，如下图所示

2、下面我们直接给input添加下拉框，如下图所示，声明一个input元素

3、接着声明下拉数据列的内容，如下图所示，数据列用datalist进行声明

4、然后我们运行一下页面，你会看到数据列的内容并不会显示，如下图所示

5、接着在input元素中指定list属性，如下图所示，其值为指定的datalist的id值，如下图所示

6、最后运行页面，这个时候你会看到input元素获得焦点以后会自动弹出下拉框，如下图所示

7、综上所述，在给input设醅呓择锗置下拉数据的时候只要是通过datalist实现的，注意input的list属性id值一定要对应datalist