轻松上手,快乐学习!

HTML autofocus 属性


定义和用法

autofocus 自动聚焦属性是一个布尔属性。

当存在时,它指定元素在页面加载时应该自动获得焦点。


适用于

自动对焦属性可用于以下元素:

元素 属性
<button> autofocus
<input> autofocus
<select> autofocus
<textarea> autofocus

实例

Button 实例

自动聚焦按钮:

<button type="button" autofocus>单击我!</button>
亲自试一试 »

Input 实例

让 "First name" 输入框在页面加载时自动获得焦点:

<form action="/action_page.php">
  First name: <input type="text" name="fname" autofocus><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit">
</form>
亲自试一试 »

Textarea 实例

自动聚焦的文本区域:

<textarea autofocus>
在 begtut.com,您将学习如何制作网站。 我们提供所有网络开发技术的免费教程。
</textarea>
亲自试一试 »

浏览器支持

autofocus 属性对每个元素都有以下浏览器支持:

元素
form 5.0 10.0 4.0 5.0 9.6
input 5.0 10.0 4.0 5.0 9.6
textarea Yes 10.0 4.0 Yes Yes