·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]html5下如何自动获取焦点属性的实例

时间:2017-07-07 14:53酷播
前面已经提到,HTML5新增了很多元素,以前用javas实现的功能现在用元素就可以简单实现。在这里,我们可以使用autofocus属性使输入字段自动获得焦点。

前面已经提到,HTML5新增了很多元素,以前用javas实现的功能现在用元素就可以简单实现。在这里,我们可以使用autofocus属性使输入字段自动获得焦点。
<input type="text" name="someInput" placeholder="Douglas Quaid" required autofocus> 
可以在代码中仅仅使用autofocus来标明本属性,也可以使用autofocus=autofocus的形式。

在默认情况下,只有表单可以获得焦点。对于其他标签元素来说,如果先将其tabIndex属性设置为-1,然后在调用focus()方法,也可以让这些元素获得焦点,但是只有Opera不支持这种技术。

  HTML5果然让大家的代码生活变得很简单,一个小小的属性省去了一行甚至几行的JavaScript代码,让大家的代码生活变得轻松惬意。HTML5实战与剖析之表单——自动获取焦点属性(autofocus属性)就为大家介绍完了, 希望对大家在HTML5应用上有所帮助。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器