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 相关文章推荐
CSS3实现闪烁动画效果的方法
Feb 09 HTML / CSS
纯css3实现思维导图样式示例
Nov 01 HTML / CSS
详解如何在css3打包后自动追加前缀插件:autoprefixer
Dec 18 HTML / CSS
CSS3 实现图形下落动画效果
Nov 13 HTML / CSS
纯HTML5+CSS3制作生日蛋糕代码
Nov 16 HTML / CSS
HTML5等待加载动画效果
Jul 27 HTML / CSS
html5图片上传预览示例分享
Apr 14 HTML / CSS
HTML5 video 事件应用示例
Sep 11 HTML / CSS
使用postMessage让 iframe自适应高度的方法示例
Oct 08 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
Dec 02 HTML / CSS
css3中2D转换之有趣的transform形变效果
Feb 24 HTML / CSS
CSS文本阴影 text-shadow 悬停效果详解
May 25 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 使用pcntl和libevent 实现Timer功能
2013/10/27 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
javascript 数组学习资料收集
2010/04/11 Javascript
JS编程小常识很有用
2012/11/26 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
jQuery实现ichat在线客服插件
2014/12/29 Javascript
js实现汉字排序的方法
2015/07/23 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
京东优选小程序的实现代码示例
2020/02/25 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
Python计算程序运行时间的方法
2014/12/13 Python
Python中表示字符串的三种方法
2017/09/06 Python
python 读取摄像头数据并保存的实例
2018/08/03 Python
python判断输入日期为第几天的实例
2018/11/13 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
详解python中的lambda与sorted函数
2020/09/04 Python
python画图时设置分辨率和画布大小的实现(plt.figure())
2021/01/08 Python
Canvas高级路径操作之拖拽对象的实现
2019/08/05 HTML / CSS
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
材料采购员岗位职责
2013/12/17 职场文书
责任担保书范文
2014/05/21 职场文书
践行三严三实心得体会
2014/10/13 职场文书
大国崛起观后感
2015/06/02 职场文书
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js