Hallo sahabat Dumetschool berjumpa lagi,semoga dalam keadaan sehat dan selalu semangat. Pada kesempatan kali ini saya akan membahas tentang cara membuat show atau hide password. Saat kita mengisi suatu form pendaftaran tentu akan ada form input untuk memasukan password untuk login, pasti form tersebut ada suatu fungsi untuk melihat password yang sudah kita masukan.Baiklah mari kita buat saja form input password nya seperti berikut ini :

nah script diatas yang sudah kita buat adalah struktur HTML nya, saya juga akan menggunakan sebuah library yang dipakai untuk pembuatan form input password ini, jadi sahabat bisa klik link download disini .

Jika sudah di download maka copy saja dalam satu folder projek yang dibuat. Langkah selanjutnya ketikan script di bawah ini :

Dan jangan lupa ketikan script untuk javascriptnya seperti berikut :

fungsi script diatas dimana saat icon yang berada pada element HTML <i class=”pd-icon”>visibility</i>  di klik maka apa yang sudah dimasukan pada form input bisa terlihat, dan hasil tampilan yang kita buat seperti dibawah ini.

1-Membuat show atau hide password

Demikian artikel tentang cara membuat show atau hide password, semoga bermanfaat dan selamat mencoba ,sampai jumpa di kempatan lainnya.

terima kasih.