HTML5里autofocus自动聚焦属性使用介绍
发布时间：2016-06-22 17:02:58 作者：佚名 
我要评论
我要评论这篇文章主要为大家详细介绍了HTML5里autofocus自动聚焦属性的使用方法，感兴趣的小伙伴们可以参考一下
HTML5给我们带来了一大堆神奇的东西。以前需要用JavaScript和Flash完成的任务，例如表单校验，INPUT placeholders , 客户端重命名下载文件和音频/视频，这些都可以使用基本的HTML完成。这里要讲的一个简单的HTML5功能是当页面加载完成时让输入焦点自动落到某个元素上；这个动作用autofocus属性完成。
HTML代码非常简单：
XML/HTML Code复制内容到剪贴板
- <!-- These all work! -->
- <input autofocus="autofocus" />
- <button autofocus="autofocus">Hi!</button>
- <textarea autofocus="autofocus"></textarea>
当有了autofocus属性，这些 INPUT, TEXTAREA, 或 BUTTON元素都能在页面加载是被选中。但如果使用纯显示元素，例如H1标记，autofocus属性并不好用。
这个属性在某些情况下非常有用。例如谷歌的首页，人们99%的时间都是用它来搜索，所以页面一旦加载，光标必然定位在输入框里。以前需要使用JavaScript才能完成，现在完全不需要了，html自己就能完成。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。相关文章
- HTML4用5个不同的内联元素表示略有差异的计算机代码：var、code、kbd、tt和samp。但是，它无法表示时间、数字等基本数值。HTML5提供了几个新的内联元素来满足非技术作2008-10-17
- HTML 5 常用语法一览(列举不支持的属性)2010-01-26
- HTML5 发展中的命名约定和微格式。2010-02-10
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
可能大家在使用jquery mobile时，经常会看到data-role、data-theme等的使用，这些都是HTML5自定义属性,本文整理一些，需要的朋友可以参考下2012-12-13html5 button autofocus 属性介绍及应用
在html 5中，可以设置当页面加载时，自动焦点到达某个控件中，这个就是autofocus属性了,接下来详细介绍，有需求的朋友可以了解下2013-01-04html5指南-1.html5全局属性(html5 global attributes)深入理解
一个元素可以定义自己的属性，比如a标签定义href属性，这种叫局部属性（local attribute）。相对应的我们可以通过全局属性（global attribute）为所有元素设置共有的行为，2013-01-07- HTML5中，在新增加和废除很多元素的同时，也增加和废除了很多属性比如表单相关的属性/链接相关属性是新增的而HTML4中一些属性就被废除掉了，感兴趣的你可以了解下，或许对2013-02-20
- 今天我刚接触html+css3感觉还不错，下面为大家介绍下用到的input 属性，感兴趣的朋友可以看下截图哈，希望对大家有所帮助2013-06-28
- 想必大家一对HTML5的自动聚焦与占位文本有所了解了吧，要使用HTML5的自动聚焦功能，只需要在表单域中添加autofocus属性即可，首先看下面要使用HTML自动聚焦和占位文本的示2013-07-19
- 浏览器引入了许多的HTML5 特性其中我最喜欢的一个就是为input元素引入了placeholder属性，placeholder属性显示引导性文字直到输入框获取输入焦点,当有了用户输入内容后引导2013-08-07
最新评论