HTML5新特性预览

HTML5推出了一段时间，现在大部分浏览器还不支持，不过IE9和google chrome支持部分特性。

那么HTML5到底有哪些新特性呢？ 我就用几个简单明了的字说明下：

1、新表单

2、新媒介

3、新绘画

4、新元素

5、离线存

下面我们就来一个一个的来解释这些新特性。

新表单

a、Email

<input type="email" name="myemail"/> 提交表单时会自动验证输入的格式是否是正确的email格式

b、Url

<input type="url" name="myurl"/> 提交表单时会自动验证输入的格式是否是正确的Url格式

c、number

<input type="number" name="mynumber"/> 提交表单时会自动验证输入的格式是否是正确的数字格式

你还可以增加其他属性

<input type="number" name="mynumber" step="2" min="2" value="4" max="10"/>

其中Value就是我们以前用的默认值；min最小数字，max最大数字；step就是每个输入的数字之间的差值，比如我们输入的是2，下一次输入的就是4。(这里我们定义了最小值是2，如果定义了最小值是0 。那么我们可以输入0,2,4,6,8,10)

d、range

<input type="range" name="myrange" step="2" min="2" value="4" max="10"/> 通过图形界面的形式来展示输入域，不像表单的文本那样输入数字，而是滚动条的展示。如下图：

e、date pickers

<input type="date" name="mypickers"/> 我们称为的日期数据输入框，也就是我们以前使用的日期控件，现在通过这种方式可以直接展示了。

<input type="date" name="mypickers"/> 选择日、月、年

<input type="month " name="mypickers"/> 选择月、年

<input type="week" name="mypickers"/> 选择月、年

<input type="time " name="mypickers"/> 选择时间 小时和分钟

<input type="datetime" name="mypickers"/> 选择时间 日、月、年(Utc标准)

<input type="datetime-local" name="mypickers"/>选择时间 日、月、年(本地)

以上输入错误格式将不能提交表单。