|
自动焦点事件
目前HTML4要做到自动焦点的方式是使用JavaScript把焦点放在一个表单的第一个输入字段。HTML5只要加载一个网页，网页自动将焦点移到特定的输入框，和JavaScript一样。区别是什么？由于现在只是一个HTML标记，用户可以很容易地在他们的浏览器禁用此属性。并非所有浏览器都支持自动对焦功能，但浏览器不只是简单地忽略该属性。如果你想所有浏览器都行得通，只需添加新的HTML5自动对焦属性，然后检测浏览器是否支持自动对焦。如果可以就不必使用自动对焦的脚本，如果没有的话，就要添加自动对焦的脚本。
支持情况
FF IE Safari Chrome Opera iphone Android
- 4+ 4+ 3+ 10+ - -
HTML 新定义13个输入类型
电子邮件
我要说的第一个输入框是电子邮件地址。那些不支持新类型的旧版浏览器也只是把它们看作一个文本框，99%的用户不会注意到这个变化，直到他们提交表单（此时会有表单验证）。iPhone的用户应该知道在那些邮件地址的输入框，当输入@和a的时候会出现一个简单容易的键盘。如果你用过iPhone,你懂的。
网址
再说说网址输入框。如果需要输入网址，期望输入的就像http://www.mazingtech.com。现在在网址类型输入框会出现像iPhone里面一样的一个可变化的虚拟键盘用户可以很方便输入斜线和.com。同样的，在提交表单之前用户对这些毫不知情。
数字
在过去要得到匹配的数字，你不得不使用jquery这样的脚本来帮助验证输入。HTML5增加了数字类型。还增加了一些额外的属性（可选）：
Min：指定输入框可接受的最小输入数字。Max：你猜对了，就是允许输入的最大数字。 Step:属性输入域合法的间隔 ，默认是1.
如上图，只允许输入数字（大多数情况下不会注意到这些，直到提交的时候提示错误），只有0，2，4合法（6不合法因为step是10，合法的是0，10，20...——译者注）。
Numbers as a Slider 数字滑动条
我觉得这个真酷。HTML5允许你使用一个新的类型叫range，输入框变成一个滑动条。你的网站表单可以使用滑动条了，这很酷吧。它的属性标记和数字类型一样，只是把类型设置type='number'改成type='range'。
| 
