最新的Web开发教程
 

HTML autofocus Attribute


定义和用法

autofocus属性是一个布尔属性。

如果存在,则表示该元素应该自动获得焦点时加载页面。


适用于

autofocus属性可以在下列元素一起使用:

分子 属性
<button> autofocus
<input> autofocus
<keygen> autofocus
<select> autofocus
<textarea> autofocus

例子

Button示例

具有自动对焦功能的按钮:

<button type="button" autofocus>Click Me!</button>
试一试»

Input示例

"First name"输入字段自动获得焦点页面加载时:

<form action="demo_form.asp">
  First name: <input type="text" name="fname" autofocus><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit">
</form>
试一试»

Keygen

"Encryption"字段中自动获得焦点页面加载时:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security" autofocus>
  <input type="submit">
</form>
试一试»

Textarea示例

与文本区域autofocus

<textarea autofocus>
At w3ii.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
试一试»

浏览器支持

autofocus属性为每个元素以下浏览器支持:

元件
form 5 10.0 4 5 9.6
input 5 10.0 4 5 9.6
keygen 不支持 不支持 6
textarea 10.0 4