以前需要用J S写 一个自动完成组件（Suggest），很费劲。HT ML 5时代则 不用 了，直接使用datalist标签，直接减少了工作量。如下
复制代码
代码如下:
<!DOCTY PE html>
<html>
<head>
<t IT le>HTML5 datalist tag</title>
< ;m eta charset="utf-8">
</head>
<p>
浏览器版本：<input list="wo rds ">
</p>
<datalist id="words">
<option value=" internet E xp lorer">
<option value="Firefox">
<option value="Ch rom e">
<option value=" opera ">
<option value="Safari">
<option value="Sogou">
<option value="Maxthon">
</datalist>
</body>
</html>
datalist提供一个事先定义好的列表，通过id与input关联，当在input内输入时就会有自动完成（auto complete ）的功能，用户将会看见一个下拉列表供其选择。
C hr ome/Firefox/Opera和IE10+均已支持，Safari直到版本7仍然不支持。
总结
以上是 为你收集整理的 html5 datalist标签使用示例(自动完成组件) 全部内容，希望文章能够帮你解决 html5 datalist标签使用示例(自动完成组件) 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5 datalist标签使用示例(自动完成组件)的详细内容...