Pada kesempatan kali ini saya akan menjelaskan cara membuat show/hide password dengan jquery. Mungkin sebagian dari teman-teman sudah tahu  di feature form login website-website pada umumnya terdapat feature show password dan hide password yang ditandai dengan icon mata atau font-awesome fa-eye-slash. Namun perlu teman-teman ketahui sebelumnya, input yang memiliki attribute type password akan menampilkan isi dari text input password tersebut dalam bentuk bulat-bulat kecil dan bukan berupa text biasa pada umumnya. Dan pada contoh disini saya akan membuat isi dari input tersebut bisa berubah menjadi text biasa dan cara kerjanya apabila dari icon tersebut di klik maka akan merubah input type password tersebut menjadi text sehingga tampilan di input tersebut ke dalam bentuk text. Untuk membuatnya kalian bisa ikuti tahapan seperti dibawah ini.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Ketikan kode seperti berikut :

  • Jika sudah selanjutnya simpan file index.html tersebut dan lihat hasilnya di browser teman-teman.

Sampai disini penjelasan saya mengenai cara membuat show/hide password dengan jquery, semoga bermanfaat.