定義和用法
該autofocus屬性是一個布爾屬性。
如果存在,則表示該元素應該自動獲得焦點時加載頁面。
適用於
該autofocus屬性可以在下列元素一起使用:
分子 | 屬性 |
---|---|
<button> | autofocus |
<input> | autofocus |
<keygen> | autofocus |
<select> | autofocus |
<textarea> | autofocus |
例子
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 | 是 | 是 |