<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form>
<!-- 电子邮箱属性。 -->
<input type="email">
<input type="submit">
<!-- 在移动端会有键盘切换 电话号码 -->
<input type="tel">
<input type="submit">
<!-- 提示输入正确的网址 -->
<input type="url">
<input type="submit">
<!-- 搜索 -->
<input type="search">
<input type="submit">
<!-- 可控制条 -->
<input type="range" min="0" max="200" value="2">
<input type="submit">
<!-- 可加减数字 -->
<input type="number" value="2"/>
<input type="submit"/>
<!-- 颜色选择器 -->
<input type="color"/>
<input type="submit"/>
<!-- 时间选择器 datetime -->
<input type="datetime-local">
<input type="submit"/>
<!-- 一个小时数和一个分钟数 -->
<input type="time">
<input type="submit"/>
<input type="date"/>
<input type="submit"/>
<input type="text" placeholder="文本框提示并关掉关联" autocomplete="off"/>
<input type="text" placeholder="文本框提示并关掉关联" autocomplete="off" autofocus />
<input type="text" placeholder="输入1到5个数字" pattern="\d{1,5}"/>
<input type="submit" formaction="www.baidu.com"/>
</form>
</body>
</html>
原文：http://www.cnblogs.com/hack-ing/p/6240150.html