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实现瀑布流布局与无限加载图片相册的实例代码
Dec 22 HTML / CSS
CSS3自定义滚动条样式的示例代码
Aug 21 HTML / CSS
利用CSS3 动画 绘画 圆形动态时钟
Mar 20 HTML / CSS
详解css3中 text-fill-color属性
Jul 08 HTML / CSS
利用简洁的图片预加载组件提升html5移动页面的用户体验
Mar 11 HTML / CSS
详解HTML5新增标签
Nov 27 HTML / CSS
html5如何及时更新缓存文件(js、css或图片)
Jun 24 HTML / CSS
HTML5 Video/Audio播放本地文件示例介绍
Nov 18 HTML / CSS
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
May 18 HTML / CSS
原生CSS实现文字无限轮播的通用方法
Mar 30 HTML / CSS
HTML5中 rem适配方案与 viewport 适配问题详解
Apr 27 HTML / CSS
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
May 10 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
JAVA/JSP学习系列之六
2006/10/09 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
PHP二维数组去重算法
2016/12/17 PHP
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
基于jQuery替换table中的内容并显示进度条的代码
2011/08/02 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
JavaScript中指定函数名称的相关方法
2015/06/04 Javascript
JavaScript中使用数组方法汇总
2016/02/16 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
vue2.0结合Element实现select动态控制input禁用实例
2017/05/12 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
vue根据进入的路由进行原路返回的方法
2018/09/26 Javascript
JS温故而知新之变量提升和时间死区
2019/01/27 Javascript
Vue中使用JsonView来展示Json树的实例代码
2020/11/16 Javascript
[01:41]DOTA2超级联赛专访YYF 称一辈子难忘TI2
2013/05/28 DOTA
推荐下python/ironpython:从入门到精通
2007/10/02 Python
python使用win32com在百度空间插入html元素示例
2014/02/20 Python
python实现html转ubb代码(html2ubb)
2014/07/03 Python
python实现根据窗口标题调用窗口的方法
2015/03/13 Python
Python中使用装饰器时需要注意的一些问题
2015/05/11 Python
对Python函数设计规范详解
2019/07/19 Python
Python 动态导入对象,importlib.import_module()的使用方法
2019/08/28 Python
python tornado使用流生成图片的例子
2019/11/18 Python
matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)
2021/01/05 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
美国第二大团购网站:LivingSocial
2016/07/24 全球购物
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
JD Sports澳洲官网:英国领先的运动鞋和运动时尚零售商
2020/02/15 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
Solaris操作系统的线程机制
2012/12/23 面试题
农村葬礼主持词
2014/03/31 职场文书
2015中秋节晚会主持词
2015/07/01 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
婚礼迎宾词大全
2015/08/10 职场文书