一、什么时候该使用DataList
要注意的是，使用这种下拉的智能提示框也要注意场合。比如在一些要选择不是太多的场景下，使用一般的下拉框其实就可以了。而如果在需要用户在很多数据中去选择，则可以建议使用Datalist下拉建议提示框，因为可以方便用户快速检索去选择。
- datalist 元素规定输入域的选项列表。
- 列表是通过 datalist 内的 option 元素创建的。
- 如需把 datalist 绑定到输入域，请用输入域的 list 属性引用 datalist 的 id：
-
提示：option 元素永远都要设置 value 属性。
例子：
国家选项：输入国家的英文字符，下拉列表会提示相对应的国家英文单词（label值）。选择国家英文名（label值）后，输入框值会跳到相对应的国家中文名（value值）
<html>
<body>
<form action="/example/html5/demo_form.asp" method="get">
国家：<input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="Afghanistan" value="阿富汗" />
<option label="Arab" value="阿拉伯" />
<option label="china" value="中国" />
</datalist>
<input type="submit" />
</form>
</body>
</html>
二、Datalist的限制
当然，Datalist也有限制和不足之处，体现在：
1）不能使用CSS去随意控制或改变其下拉建议列表中的项
2）不能控制datalist的位置
3) 不能控制每次当用户输入多少个字符后，就出现下拉建议列表
4）不能控制大小写敏感，或当匹配什么样的字符就出现下拉建议列表
5）不能将其与服务端的数据源绑定
更多：html <datalist>标签的使用详解 http://www.php.cn/div-tutorial-369807.html
838
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
