名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。
- 本篇文章的具体介绍如下
以前需要用JS写一个自动完成组件（Suggest），很费劲。网页hTML5教程时代则不用了，直接使用datalist网页文章标签，直接减少了工作量。如下
<!DOCTYPE html>
<html>
<head>
<title>网页hTML5教程 datalist tag</title>
<meta charset="utf-8">
</head>
<p>
浏览器版本：<input list="words">
</p>
<datalist id="words">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
<option value="Sogou">
<option value="Maxthon">
</datalist>
</body>
</html>
datalist提供一个事先定义好的列表，通过id与input关联，当在input内输入时就会有自动完成（autocomplete）的功能，用户将会看见一个下拉列表供其选择。
Chrome/Firefox/Opera和IE10 均已支持，Safari直到版本7仍然不支持。
关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,html5,datalist网页文章标签,自动完成组网页hTML5教程 visibilityState属性详细介绍和使用具体相关
那么，这个 API 究竟有些什么用途呢？通常，很多传统的页面在用户没有激活它的时候，它还会继续工作，例如，当用户正在浏览新闻门户，而他之前打开的 NBA 球赛页面会继续刷新获取最新结果，视频网站会继续占用带宽加载资源，于是，如果这类不必要的工作太多了，就会造成很多的资源浪费。因此，这货相当有用：
