Halo teman-teman bertemu lagi dalam artikel saya, kali ini kita akan belajar cara menggunakan atribut autofocus pada tag input di HTML5, setelah beberapa hari kemarin kita belajar tentang tag input, kali ini kita akan belajar atributnya, di dalam tag input ada atribut yang sering di pakai, yaitu atribut autofocus, maka dari situ disini kita akan belajar mengetahuinya dan kita akan belajar fungsinya, simak terus ya teman-teman.
untuk belajar cara menggunakan atribut autofocus pada tag input di HTML5, berarti kita harus membutuhkan tag input juga ya teman-teman. karena seperti yang saya tulis di atas, atribut ini adalah atribut yang berada di dalam tag input. Biasanya, pada saat halaman yang berisi form ditampilkan, kita mulai dengan men-klik objek form paling atas kemudian mengisi form secara berurutan ke bawah. Akan lebih user friendly jika cursor teks langsung berada pada objek form pertama tanpa menunggu pengguna men-klik form. Fitur inilah yang bisa didapat jika menggunakan atribut autofocus.
Bagaimana teman-teman cukup jelas ya teman-teman penjelasan di atas, oke mudahnya seperti ini teman-teman, jadi setiap teman-teman di bawa untuk mengisi form, jika website itu menggunakan atribut autofocus, maka dengan secara otomatis kita langsung di arahkan dengan krusor mengarah kemana, misal ke arah inputan form password. walaupun sederhana tapi sangat memudahkan juga ya teman-teman untuk user/pengunjung kita yang kebingungan mau mengisi dari mana dahulu.
Oke sekarang kita akan langsung masuk dalam contoh penggunaanya. Oke sekali lagi dengan memberikan atribut autofocus pada objek form pertama, pengguna bisa langsung mulai mengisi form tanpa harus men-kliknya terlebih dahulu. Berikut contohnya:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>cara menggunakan atribut autofocus pada tag input di HTML5</title> </head> <body> <form action="prosesform.php" method="get"> <p>Nama : <input type="text" name="nama_user" autofocus></p> <p>Alamat : <input type="text" name="alamat_user"></p> <p><input type="submit" value="Kirim Data"></p> </form> </body> </html>
bisakah teman-teman melihat, saya memberikan atribut autofocus diamana, ya betul sekali saya memberikan di tag input dengan name nama user ya teman, oke sekarang kita lihat hasilnya:
Bisa dilihat ya teman-teman, crusor akan langsung mengarah ke tag input text nama, oke sangat menarik ya teman-teman, dan saya rasa cukup sampai disini dahulu ya teman-teman kita belajar tentang cara menggunakan atribut autofocus pada tag input di HTML5, terima kasih sudah mampir dan sampai jumpa lagi di artikel saya selanjutnya, terimakasih.
The post Cara Menggunakan Atribut Autofocus Pada Tag Input di HTML5 appeared first on Kursus Website Terbaik.