Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html
一、input新增类型：
1.tel：输入类型用于应该包含电话号码的输入字段
2.url：用于应该包含 URL 地址的输入字段 - 提交表单时对 url 字段的值自动进行验证
<form action="/test.html" method="post">
url:<input type="url" name="user_url" /><input type="submit" />
</form>
注意：要带ftp:// http:// https:// 等等的前缀头才可以
3.email：用于 e-mail 地址的文本字段
<form action="/test.html" method="post">
email:<input type="email" name="user_email" /><input type="submit" />
</form>
4.number：输入类型用于包含数字值的输入字段 - 可以设置可接受数字的限制
<form action="/test.html" method="post">
number:<input type="number" name="user_number" min="1" max="10" /><input type="submit" />
</form>
5.search：用于搜索字段，比如站内搜索或谷歌搜索等 - 搜索字段的外观与常规的文本字段无异
<input type="search" />
6.color 定义拾色器。
7.range：输入类型用于应该包含指定范围值的输入字段 - range 类型显示为滑块
8.日期检出器类型
HTML5拥有多个可供选则日期和时间的新型文本输入框
date：定义日期字段
接受结果
month：定义日期字段的月
接受结果
week：定义日期字段的周
接受结果
time：定义日期字段的时、分、秒
接受结果
datetime：定义日期字段
datetime-local：定义日期字段
接受结果
大纲图：
二、input新增属性：
三、form新增类型和属性：
附录：
火狐表现：
IE表现：
谷歌表现：
本文转自毒逆天博客园博客，原文链接：http://www.cnblogs.com/dunitian/p/5125371.html，如需转载请自行联系原作者
