html5datalist标签的用途有哪些?这里有datalist标签的用途实例-
发布时间:09/01 来源:未知 浏览:
关键词:
我们先来看看html5 datalist标签的用途:
datalist及其选项不会被显示出来,它仅仅是合法的输入值列表。
请运用input元素的list属性来绑定datalist。
可用性:datalist:可选中可输入的列表(比select下拉列表利便,只能)
此刻来看个html5 datalist标签的实例:
下面是一个 input 元素,datalist 中描述了其可能的值:
这个在阅读器中显示如下:
你看,结果出来了。这就是html5 datalist标签的根基用途。
input输入框的list属性值是datalist的id,这样datalist才干和input输入框关联起来。 datalist本身并不显示,只在需要配合input输入时才会主动显示出来。
再来个html5 datalist标签的用途实例:
在Web设计中,时常会用到如输入框的主动下拉提醒,这将大慷慨便会员的输入。在之前,要是要实现这样的功能,必需请求开发者运用一些Javascript的技巧或相干的框架进行ajax调取,需要一定的编程工作量。但随着HTML5的渐渐普及,开发者可以运用其中的新的datalist标志就能迅速开发出十分标致的autocomplete组件的结果
html5 datalist标签的代码实例:
HTML5 datalist tag 阅读器版本: