htm5 特性



http://www.css3-html5.com 

1  输入占位符  placeholder 属性

2 自动焦点事件

3 电子邮件  <input  type='email'/>

4 网址   再说说网址输入框。如果需要输入网址，期望输入的就像 http://www.css3-html5.com。现在在网址类型输入框会出现像iPhone里面一样的一个可变化的虚拟键盘用户可以很方便输入斜线和.com。同样的，在提交表单之前用户对这些毫不知情。

5  数字  类型

 HTML4要得到匹配的数字，就得使用jquery脚本来帮助验证。HTML5增加了数字类型。还增加了一些额外的属性（可选）：Min：指定输入框可接受的最小输入数字。Max：就是允许输入的最大数字。 Step:属性输入域合法的间隔 ，默认是1.

  <input type='number'  min='0'  max='100'   ste='10'  />

6 数字滑动条

HTML5允许你使用一个新的类型叫range，输入框变成一个滑动条。你的网站表单可以使用滑动条了，它的属性标记和数字类型一样，只是把类型设置type='number'改成type='range'。

  <input type='range'  min='0'  max='100'   ste='10'  />

7  搜索输入框

<input  type='search'   placeholder='type in  search' />

8  表单验证

最令人兴奋的新特性莫过于表单验证。大多数开发人员都做了表单验证，无论是客户端或服务器端。也许HTML5的表单验证器可能无法取代你的服务器端验证，但它肯定能最终取代你的客户端验证。 JavaScript验证的问题是，用户很容易绕过它，可以很容易绕过它只需禁用JavaScript。现在HTML5，你不用有此担心，错误都是HTML5原生提示的，未使用JavaScript。