Atribut autofokus HTML
Definisi dan Penggunaan
Atributnya
autofocusadalah atribut boolean.
Saat ada, ini menentukan bahwa elemen harus secara otomatis mendapatkan fokus saat halaman dimuat.
Berlaku untuk
Atribut
autofocusdapat digunakan pada elemen berikut:
| Elemen | Atribut |
|---|---|
| <tombol> | fokus otomatis |
| <masukan> | fokus otomatis |
| <pilih> | fokus otomatis |
| <textarea> | fokus otomatis |
Contoh
Contoh Tombol
Tombol dengan fokus otomatis:
<button type="button" autofocus>Click Me!</button>
Contoh Masukan
Biarkan bidang input "Nama depan" secara otomatis mendapatkan fokus saat halaman dimuat:
<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>
Contoh Textarea
Area teks dengan fokus otomatis:
<textarea autofocus>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Dukungan Peramban
Atribut autofocusmemiliki dukungan browser berikut untuk setiap elemen:
| Element | |||||
|---|---|---|---|---|---|
| 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 |