最新的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