HTML5里autofocus属性
2015-10-08 10:07
531 查看
转载:http://www.webhek.com/html5-autofocus/
HTML5给我们带来了一大堆神奇的东西。以前需要用JavaScript和Flash完成的任务,例如表单校验,
HTML代码非常简单:
当有了
这个属性在某些情况下非常有用。例如谷歌的首页,人们99%的时间都是用它来搜索,所以页面一旦加载,光标必然定位在输入框里。以前需要使用JavaScript才能完成,现在完全不需要了,html自己就能完成。
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 article标签举例
- H5 性能调优 工具
- 视频播放研究
- HTML5WebSocket实现点对点聊天
- html5 canvas做的俄罗斯方块
- html5 canvas 做的一个时钟效果
- 【转】HTML5 基础知识,第 4 部分: 最后的完善
- HTML5学习之css3.0
- HTML5移动Web开发(十)——在浏览器中启动手机原生应用
- HTML5 canvas画图
- 学习HTML5游戏开发的几个重要内容
- html5知识总结
- Modernizr——为HTML5和CSS3而生
- HTML5 canvas画图
- HTML5学习之四:多媒体播放
- HTML5:使用Canvas和Input range控件放大缩小图片
- 认识HTML5的WebSocket
- HTML5 canvas画图
- HTML5移动Web开发(九)——优化浏览器视口宽度设置
- HTML5(常用的表单控件)