html5 button autofocus 属性介绍及应用
程序员文章站
2023-11-27 10:35:04
在html 5中,可以设置当页面加载时,自动焦点到达某个控件中,这个就是autofocus属性了,接下来详细介绍,有需求的朋友可以了解下... 13-01-04...
在html 5中,可以设置当页面加载时,自动焦点到达某个控件中,这个就是autofocus属性了,如下:
<input autofocus="autofocus" />
<button autofocus="autofocus">hi!</button>
<textarea autofocus="autofocus"></textarea>
浏览器支持该属性的有:
fiefox 4+,safari 5+,chrome 6+,opera 11+,ie 10, 而android 2.3和safari mobile 5-都不支持
实例
当页面加载时,会获得焦点的一个按钮:
<button type="button" autofocus="autofocus">
点击这里
</button>
亲自试一试
定义和用法
autofocus 属性规定当页面加载时按钮应当自动地获得焦点。
如果使用该属性,则按钮会获得焦点。
html 4.01 与 html 5 之间的差异
autoplay 属性是 html 5 中的新属性。
语法
<button autofocus="autofocus">
复制代码
代码如下:<input autofocus="autofocus" />
<button autofocus="autofocus">hi!</button>
<textarea autofocus="autofocus"></textarea>
浏览器支持该属性的有:
fiefox 4+,safari 5+,chrome 6+,opera 11+,ie 10, 而android 2.3和safari mobile 5-都不支持
实例
当页面加载时,会获得焦点的一个按钮:
复制代码
代码如下:<button type="button" autofocus="autofocus">
点击这里
</button>
亲自试一试
定义和用法
autofocus 属性规定当页面加载时按钮应当自动地获得焦点。
如果使用该属性,则按钮会获得焦点。
html 4.01 与 html 5 之间的差异
autoplay 属性是 html 5 中的新属性。
语法
复制代码
代码如下:<button autofocus="autofocus">
推荐阅读
-
html5 button autofocus 属性介绍及应用
-
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
-
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
-
HTML5 自动聚焦(autofocus)属性使用介绍
-
HTML5中的autofocus(自动聚焦)属性介绍
-
Fireworks8.0自动形状属性面板使用方法及应用实例教程介绍
-
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用_html5教程技巧
-
HTML5中的autofocus(自动聚焦)属性介绍
-
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用_html5教程技巧
-
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用_html5教程技巧