Hallo teman-teman Dumet School. Kembali lagi dengan saya Shelli Ripati di kursus Web Design. Pembahasan kali ini saya akan membahas tentang Cara Menampilkan Modal From Dengan Menggunakan Jquery. Modal adalah  semacam kotak dialog yang muncul ketika tombol atau button diklik. Biasanya mungkin teman-teman pernah membuat modal dengan bootstrap. Dan kali ini kita akan menggunakan jquery untuk menampilkannya namun untuk tampilan htmlnya saya akan tetap menggunakan bootstrap.

Oke langsung saja langkah pertama untuk Cara Menampilkan Modal Form Dengan Menggunakan Jquery adalah membuat struktur htmlnya terlebih dahulu.

Jika sudah selesai membuat struktur htmlnya maka kita masuk ke style cssnya sebagai berikut.

Dan langkah terakhir kita buat jquerynya ya teman-teman untuk menghilangkan dan memunculkan modal yang berisi formnya. Dan berikut scriptnya.

Disini teman-teman bisa perhatikan script di atas. Dimana pertama saya menyembunyikan modal form dan ketika tombol dengan nama id tampil di klik maka modal form akan muncul dan ketika tombol dengan nama id send yang ada pada form di klik maka modal form akan kembali hilang.

Dan jika teman-teman tampilkan di browser, maka akan tampak seperti pada gambar di bawah ini.

Cara Menampilkan Modal Form Menggunakan Jquery

Demikian artikel tentang Cara Menampilkan Modal Form Dengan Menggunakan Jquery. Sampai ketemu lagi di pembahasan berikutnya. Semoga bermanfaat dan selamat mencoba ya teman-teman.