HTML5中的autofocus(主动聚焦)属性介绍
发布时间:09/01 来源:未知 浏览:
关键词:
HTML5给我们带来了一大堆奇妙的东西。之前需要用JavaScript和Flash完成的任务,例如表单校验,INPUT placeholders , 客户端重命名下载文件和音频/视频,这些都可以使用根本的HTML完成
这里要讲的一个简便的HTML5功效是当页面加载完成时让输入焦点主动落到某个元素上;这个动作用autofocus属性完成。
HTML代码非常简便:
复制代码
代码如下:
<!-- These all work! --> <input autofocus="autofocus" /> <button autofocus="autofocus">Hi!</button> <textarea autofocus="autofocus"></textarea>
当有了autofocus属性,这些 INPUT, TEXTAREA, 或 BUTTON元素都能在页面加载是被选中。但假如使用纯显示元素,例如H1标志,autofocus属性并不好用。
这个属性在某些状况下非常有用。例如谷歌的首页,人们99%的时间都是用它来搜索,所以页面一旦加载,光标必定定位在输入框里。之前需要使用JavaScript才能完成,此刻完全不需要了,html本人就能完成。
以上就是HTML5中的autofocus(主动聚焦)属性介绍的具体内容,更多请关注百分百源码网其它相关文章!