
随着html5的出来,有很多爱好网页开发的朋友们纷纷地开始学习html5了,我也是其中一个哈哈,有兴趣的朋友可以加我好友一起学习知识。下面来看看html5中的下拉列表datalist 的使用方法和技巧。
直接进入正题,新建一个网页文件,我使用的是editplus开发工具,很不错,推荐大家使用。
点击箭头上的图标可以快速的创建一个html文件夹。接下来打代码
注意:datalist 标签一定要配合标签使用哦
并且在input的标签里面需要绑定datalist 才行。给input添加一个list = sele
接下里使用datalist 标签的时候来了。里面需要使用option标签
注意:input中的List属性的值必须和datalist 中的id值使用一样的。
大家来看看效果,就是这样的,是不是很Ok啊
