html5 button autofocus 属性介绍及应用


Posted in HTML / CSS onJanuary 04, 2013

在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">
HTML / CSS 相关文章推荐
10 套华丽的CSS3 按钮小结
Oct 03 HTML / CSS
CSS3之多背景background使用示例
Oct 18 HTML / CSS
CSS3绘制六边形的简单实现
Aug 25 HTML / CSS
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
Jul 13 HTML / CSS
详解Canvas事件绑定
Jun 27 HTML / CSS
HTML5 本地存储和内容按需加载的思路和方法
Apr 07 HTML / CSS
html5 拖拽上传图片实例演示
Apr 01 HTML / CSS
HTML5图片预览实例分享
Jun 04 HTML / CSS
HTML5的一个显示电池状态的API简介
Jun 18 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
Mar 22 HTML / CSS
使用html5 canvas绘制圆环动效
Jun 03 HTML / CSS
HTML5 图片悬停放大的实现代码示例
Dec 04 HTML / CSS
html5的新玩法——语音搜索
Jan 03 #HTML / CSS
HTML5 语音搜索只需一句代码
Jan 03 #HTML / CSS
HTML5 语音搜索(淘宝店语音搜素)
Jan 03 #HTML / CSS
html5拖曳操作 HTML5实现网页元素的拖放操作
Jan 02 #HTML / CSS
使用CSS实现弹性视频html5案例实践
Dec 26 #HTML / CSS
HTML5中实现拖放效果无须借助javascript
Dec 26 #HTML / CSS
html5 application cache遇到的严重问题
Dec 26 #HTML / CSS
You might like
PHP概述.
2006/10/09 PHP
php小技巧之过滤ascii控制字符
2014/05/14 PHP
深入浅析php中sprintf与printf函数的用法及区别
2016/01/08 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
laravel入门知识点整理
2020/09/15 PHP
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
一个报数游戏js版(约瑟夫环问题)
2010/08/05 Javascript
JavaScript中的16进制字符(改进)
2011/11/21 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
2016/07/22 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
jQuery列表动态增加和删除的实现方法
2020/11/05 jQuery
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
Python获取电脑硬件信息及状态的实现方法
2014/08/29 Python
python模块之time模块(实例讲解)
2017/09/13 Python
Python机器学习库scikit-learn安装与基本使用教程
2018/06/25 Python
PyQt5实现让QScrollArea支持鼠标拖动的操作方法
2019/06/19 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
德国拖鞋网站:German Slippers
2019/11/08 全球购物
信息管理专业推荐信
2013/10/29 职场文书
公司员工检讨书
2014/02/08 职场文书
先进事迹报告会主持词
2014/04/02 职场文书
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
纪检干部先进事迹材料
2014/08/23 职场文书
先进工作者申报材料
2014/12/23 职场文书
2015年司机工作总结
2015/04/23 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
Python爬虫基础讲解之请求
2021/05/13 Python
css filter和getUserMedia的联合使用
2022/02/24 HTML / CSS
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫