Halo teman-teman bertemu lagi dalam artikel saya, kali ini kita akan belajar mengetahui cara menggunakan atribut form pada form element di HTML5, atribut form tidak sama dengan yang tag form ya teman-teman, jadi sebetulnya di dalam tag form terdapat atribut form hehe, sangat menarik ya teman-teman, dan ternyata form mempunya atribut yang namanya sama dengan tag form, pasti teman-teman bertanya apakah fungsinya sama, jelas beda ya teman-teman, oke jika teman-teman penasaran simak terus ya.
Untuk belajar mengetahui cara menggunakan atribut form pada form element di HTML5, pastinya teman-teman harus memahami terlebih dahulu ya cara penggunaan tag form, harus mengetahui tag form itu untuk apa supaya nantinya teman-teman tidak bingung, karena kita sekarang sudah masuk dalam atribut di dalamnya, oke langsung saja atribut form dalam tag form berfungsi ketika kita membuat sebuah objek di luar tag form, hayo maksudnya seperti apa itu ka, jadi biasanya ketika kita ingin membuat sebuah inputan isiian form pastinya inputan atau isiian berada dalam tag form, atau di dalam ruang lingkup form, betul ya teman-teman, dan atribut form ini berfungsi walaupun isiian form tidak berada dalam ruang lingkup tag form kita masih bisa mengeksekusinya dan kita tetap berada di dalam form. oke teman-teman, apakah masih bingung, jika masih bingung kita masuk ke contoh kode HTMLnya:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Cara Menggunakan Atribut Form Pada Form Element di HTML5</title> </head> <body> <form action="Prosesform.php" method="get" id="Form_register" > <p>Nama: <input type="text" name="username"> </p> <p>Email: <input type="email" name="email"> </p> <p><input type="submit" name="kirim" value="Kirim data"></p> </form> <p>Umur : <input type="number" name="umur" form="Form_register"> </p> </body> </html>
Dan seperti inilah contoh kode HTMLnya form di atas saya beri action prosesform.php maka form tersebut akan di proses ke dalam proseform.php ya teman-teman, dan saya membuat dengan method get sengaja biar bisa dilihat apakah apakah masuk inputan yang berada di luar tag form, oke jika teman-teman perhatikan ketika kita ingin membuat sebuah atribut form, berarti kita harus membuat atribut id yang berada di tag form ya teman-teman, bisa teman-teman lihat sendiri dan atribut form berada di inputan umur yang berada di bawah, kenapa seperti ini supaya inputan umur bisa masuk juga dalam proses submit, oke maka seperti ini hasilnya:
Oke ini tampilan sebelum saya klik kirim data ya teman-teman jika kita tidak menggunakan atribut form umur tidak akan ikut di proses, tapi ketika kita menggunakannya maka hasilnya seperti ini:
Dan ternyata ketika kita menggunakan atribut form inputan umur di proses juga, oke teman-teman, saya kira cukup sampai disini dulu ya kita belajar mengenal cara menggunakan atribut form pada form element di HTML5, semoga bermanfaat dan sampai jumpa di artikel saya selanjutnya.
The post Cara Menggunakan Atribut Form Pada Form Element di HTML5 appeared first on Kursus Website Terbaik.