HTML5中的datalist标签可以定义选项列表，结合input输入框起来使用，并且使用input中的list绑定datalist。下面利用一个实例说明datalist元素的用法，操作如下：
工具/原料
1
HTML5
2
CSS3
3
jQuery
4
HBuilder
5
截图工具
6
浏览器
方法/步骤
1
第一步，双击打开HBuilder编辑工具，新建静态页面datalist.html，如下图所示：
2
第二步，在
标签元素内插入一个div，并在div标签内插入一个input输入框和datalist标签，如下图所示：3
第三步，保存代码并预览该静态页面，可以查看到一个输入框显示的下拉框，如下图所示：
4
第四步，可以根据自己的需要输入数字，然后选中下拉列表中的选项，如下图所示：
5
第五步，在jquery初始化函数内编写datalist元素的change事件，根据ID属性进行绑定，如下图所示：
6
第六步，根据选择的值，弹出需要选中的值；再次保存代码并预览静态页面，如下图所示：
注意事项
1
注意HTML5中的datalist用法
2
注意控制datalist中的change事件
上一篇：excel怎么添加下拉选项内容
下一篇：excel下拉选择栏怎么设置