Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Kali ini saya akan mencoba membagi Cara Menampilkan dan Menyembunyikan Password Menggunakan Bootstrap 3.

Fungsi Menampilkan dan Menyembunyikan Password itu sendiri adalah untuk mengkoreksi apakah password yang kita masukan sesusai dengan apa yang kita inginkan. sehingga meminimalisir kesalahan dalam memasukan password.

Sekarang saya akan membuat input password sederhana menggunakan bootstrap sebagai contoh saja. Berikut tutorial singkat tentang Cara Menampilkan dan Menyembunyikan Password Menggunakan Bootstrap 3:

– Pertama teman-teman download framework bootstrapnya dulu.

– Kedua buka text editor teman-teman lalu buka file bootstrap yang telah kita download dan buat file index.html dengan cara mengcopy default html yang sudah ada di website bootstrap, jangan lupa save di dalam folder bootstrap teman-teman

– Ketiga kita buat kode html-nya:

– Keempat kita masukan css internal untuk merapikan saja:

Maka apabila di jalankan dibrowser tampilannya akan menjadi seperti ini:

Cara Menampilkan dan Menyembunyikan Password Menggunakan Bootstrap 3

– Kelima kita buat javascriptnya, dan save di dalam folder js dengan nama file sh.js di bootstrap:

– Keenam kita panggil file sh.js dengan cara memasukan script dibawah ini :

Hasilnya akan seperti ini apabila kita ketikan password:

Cara Menampilkan dan Menyembunyikan Password Menggunakan Bootstrap 3

dan apabila kita ceklis checkbox show passsword maka hasilnya akan seperti ini :

Cara Menampilkan dan Menyembunyikan Password Menggunakan Bootstrap 3

Bagaimana teman-teman cukup mudahkan Menampilkan dan Menyembunyikan Password Menggunakan Bootstrap 3.

Sekian artikel saya hari ini tentang Cara Menampilkan dan Menyembunyikan Password Menggunakan Bootstrap 3.

Sehat selalu ya teman-teman, selamat mencoba.