<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- <form autocomplete="on"><!--自动补全-->
<!--<input type="email" />
<input type="number" min="1" max="10" step="2"/>
<input type="range" min="1" max="30" step="2"/>
<input type="color" />
<input type="date" />
<input type="month" />
<input type="week" />
<input type="tel" />
<input type="url"/>
<input type="submit" value="提交"/>-->
<!--<input type="text" list="tarlist"> 下拉列表，输入字母可以提示信息
<datalist id="tarlist">
<option>beijing</option>
<option>shanghai</option>
<option>xiamen</option>
<option>chongqing</option>
<option>changsha</option>
</datalist>
<input type="text" autofocus="autofocus" />自动获取焦点-->
<!--<form action="index.html" method="post" id="index">
<input type="text" name="username"/>
<input type="submit" />
</form>
<input type="password" form="index"/>提交信息给下一个页面，form后面为下一个页面的id
<form action="index.html" method="post" id="index">
<input type="text" name="username"/>
<input type="text" name="psw" formaction="form1"/>把值提交到id为form1的页面
<input type="submit" />
</form>-->
<form>
<input type="text" required="required"/><!--输入值不能为空，必须有输入值-->
<input type="text" placeholder="请输入用户名" /><!--在输入框中提示该输入什么信息-->
<p contenteditable="true">ergfsss</p><!--可以往里面输入内容-->
<p hidden="hidden">3233</p><!--隐藏-->
<a href="a" tabindex="2">fwdc</a><!--设置tab键选择时默认顺序-->
<a href="a" tabindex="1">vre</a>
</form>
</body>
</html>
原文：http://www.cnblogs.com/hjsuceess/p/7189795.html