原文 ： html5 autofocus attribut
原文发布时间： 2012年08月27日
翻译时间： 2013年8月6日
html5 推出了一大堆精彩的东西给我们。
过去我们要用javascript和flash完成的任务，比如表单验证，输入框空白提示(input placeholders),客户端文件上传下载(),以及 音频/视频播放，现在都可以用基本的html来完成了。另一个简单的html功能是现在允许我们在页面加载完成后自动将输入焦点定位到需要的元素,通过一个叫做 autofocus的属性完成。
代码就如下面一样简单：
复制代码 代码如下:
<!– the all work! –>
<input autofocus=”autofocus” />
<button autofo荆棘鸟的绝唱cus=”autofocus”>hi!</button>
<textarea autofocus=”autofocus”></textarea>
当 autofocus 属性设置以后，input，textarea,以及button 元素在页面加载(load)以后，会被自动选中(即获得焦点). 我尝试其他元素(比如h1 标签)，tabindex=0的情况，但是autofocus属性在这些元素上根本没有效果。
这个属性在主要目的是获取用户输入的页面(pages who main purpo is collecting information)是很有用的，比如google首页(99%的情况是用来搜索)或者在线安装向导(比如wordpress’s installer).而美国三藩市且最关键在qq恢复好友官网于——不需要thin怎么读javascript参与。
完整的页面代码如下：
复制代码 代码如下:
<!doctype html>
<html>
<head>
<title> html5 autofocus属性测试 </title>
<meta name=”generator” content=”editplus”>
<meta name=”author” content=”ren广东省汽车违章查询fufei@qq.com”>
<meta name=”description” content=”original=/d/file/titlepic/autofocus& />
</head>
<body>
<!– 原则上，以下三个元素，只能有一个设置autofocus 属性，如果多个元素都设置，应该是最后一个元素获取了焦点 –>
<!–
–>
<div>
<input autofocus=”autofocus” />
<button autofocus=”autofocus”>hi!</button>
<textarea autofocus=”autofocus”></textarea>
</div>
</body>
</html>
本文发布于:2023-04-06 17:00:40，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/b911b1dad05ab969d96a392d5b805a6f.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：HTML5 自动聚焦(autofocus)属性使用介绍.doc
本文 PDF 下载地址：HTML5 自动聚焦(autofocus)属性使用介绍.pdf
| 留言与评论（共有 0 条评论） |
