HTML5的 autofocus 属性

发布日期:2015-09-13 20:33:09
HTML5的 autofocus 属性可以让表单在加载完成时就有一个表单域被默认聚焦(或选中) ,以便于用户输入。下面的代码中被 div 包裹的表单域的末尾就被追加了一个autofocus 属性:
<div>
<label for="search">北京网页设计</label>
<input id="search" name="search" type="search" placeholder="Wyatt Earp"
autofocus>
</div>
使用该属性时要小心。如果有多个表单域都被追加了 autofocus 属性,则会造成跨浏览器混乱。例如有多个表单域追加了 autofocus 属性,在 Chrome(v16)中会聚焦最后一个使用 autofocus 属性的表单域, 而Firefox (v9) 恰恰相反, 会聚焦第一个使用 autofocus的表单域。
还有一点需要注意,有些用户会使用空格键让网页内容向下滚动。如果网页的表单中含有带 autofocus 属性的表单域,则会阻止空格键的默认行为,这时敲击空格键会向已聚焦的输入框中输入空格。显然,这会让用户很懊恼。

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计