1、 关于datalist标签:
2、 datalist标签的正确用法:
3、 创建input标签,并定义属性list;
4、 id和list的值对应,以完成input和datalist的绑定;
5、 保存文件,查看使用效果。
以上就是关于html5的datalist教程是什么的全部内容。
<datalist>标签定义选项列表。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。
<!DOCTYPE HTML><html>
<body>
<input list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
</body>
</html>
效果:
应该是你没有写全定义和用法
<datalist>标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。
请使用 input 元素的 list 属性来绑定 datalist。
实例
下面是一个 input 元素,datalist 中描述了其可能的值:
<input id="myCar" list="cars" /><datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo"></datalist>