Komentar: HTML5 memberi kita banyak hal ajaib. Tugas yang sebelumnya harus diselesaikan dengan JavaScript dan Flash, seperti verifikasi formulir, input placeholder, klien mengganti nama file unduhan dan audio/video, yang semuanya dapat dilakukan dengan menggunakan HTML dasar
Fungsi HTML5 sederhana yang akan dibahas di sini adalah untuk secara otomatis menjatuhkan fokus input pada elemen tertentu ketika halaman dimuat; Tindakan ini diselesaikan oleh properti fokus otomatis.
Kode HTML sangat sederhana:
<!- Ini semua berhasil! ->
<input autofocus = "autofocus" />
<tombol autofocus = "autofocus"> hai! </button>
<textarea autofocus = "autofocus"> </textarea>
Ketika atribut autofocus tersedia, input, textarea, atau elemen tombol ini dapat dimuat pada halaman dan dipilih. Namun, jika Anda menggunakan elemen tampilan murni, seperti tag H1, atribut fokus otomatis tidak mudah digunakan.
Properti ini sangat berguna dalam beberapa kasus. Misalnya, beranda Google menggunakannya untuk mencari 99% dari waktu, jadi setelah halaman dimuat, kursor harus diposisikan di kotak input. Di masa lalu, saya perlu menggunakan JavaScript untuk menyelesaikannya, tetapi sekarang saya tidak membutuhkannya sama sekali, dan saya dapat menyelesaikannya dengan HTML sendiri.