定義と使用法
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.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| keygen | はい | サポートされていません | サポートされていません | 6.0 | はい |
| textarea | はい | 10.0 | 4.0 | はい | はい |