Assalamu’alaikum warahmatullahi wabarakatuh

Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website, pada kesempatan kali ini saya akan memberikan tips tentang Cara Duplikasi Form Input Dengan jQuery. Jadi ide nya sendiri disini saya akan membuat sebuat fitur, dimana pada sebuah inputan kosong kita masukkan angka kemudian jika di tekan enter maka tag input akan hilang dan berganti dengan tag input type file sebanyak value yang di inputkan.

Dalam kasus ini kita anggap saja ingin memberikan upload file, dan file yang di upload lebih dari 1. Nah maka dari itu sebagai seorang designer perlu memberikan user kebebasan, dengan menambahkan fitur ini user tidak pusing melihat banyaknya form input. Dengan memberikan fitur ini juga sudah termasuk dalam ketegory User Interface yang friendly, baik langsung saja kita implementasikan Cara Duplikasi Form Input Dengan jQuery pertama – tama siapkan text editornya dan siapkan library jQuery nya

Kemudian kita buat layout nya, pada latihan kali ini saya menggunakan bootstrap 4

Kemudian save dengan nama index.html, dan jalankan pada browsernya.

Cara Duplikasi Form Input Dengan jQuery

Selanjutnya kita berikan script jQuery nya untuk perintah duplikat form nya

Jika sudah save dan refresh pada browsernya, kemudian masukkan angka pada form sertifikat dan enter

Cara Duplikasi Form Input Dengan jQuery

Pada form input saya memasukkan kebutuhan saya 3, dengan begitu form upload akan tampil 3 buat dan form input angkanya menghilang karena saya berikan fungsi remove(). Sekian dari saya pada artikel Cara Duplikasi Form Input Dengan jQuery kita jumpa kembali pada artikel yang akan datang. Terimakasih dan sampai jumpa, semoga bermanfaat.

Assalamu’alaikum warahmatullahi wabarakatuh

WhatsApp chat