HTML autofocus 属性
定义和用法
autofocus 自动聚焦属性是一个布尔属性。
当存在时,它指定元素在页面加载时应该自动获得焦点。
适用于
自动对焦属性可用于以下元素:
元素 | 属性 |
---|---|
<button> | autofocus |
<input> | autofocus |
<select> | autofocus |
<textarea> | autofocus |
实例
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>
亲自试一试 »
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>
亲自试一试 »
在 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 |