Website sosial media pada umumnya akan meminta data diri kalian jika ingin aktif sebagai anggota website sosial media tersebut. Istilahnya adalah memiliki akun yang aktif. Tentu data diri kalian akan diminta sebagai biodata akun kalian. Untuk menggunakan akun kalian kalian biasanya akan melakukan proses login pada website tersebut. Biasanya hal yang menjadi acuan untuk proses login adalah username dan password. Kedua hal tersebut akan di cocokan pada database, jika terdapat hal yang sama maka kalian diperbolehkan login. Untuk mengisikan data username dan password, biasanya kita sering lupa sampai mana menuliskan passwordnya. Sehingga kita bingung dan menulis ulang.

Sesuai dengan pembahasan artikel kali ini, kita akan mencoba membuat menu lihat password dengan Jquery. Menu ini sudah banyak digunakan pada sosial media populer, karena melihat banyaknya pengguna yang sering lupa mengetikan passwordnya. Jadilah dibuat menu seperti itu untuk mempermudah pengguna dalam melakukan login pada website sosial media tersebut.

Cara membuatnya bagaimana ?

Kalian bisa ikuti langkah-langkah dibawah ini, pertama kalian buat terlebih dahulu file html seperti dibawah ini.

show.html

Setelah sudah kalian simpan filenya. Untuk melihat hasilnya kalian cukup buka file tersebut di browser kesayangan kalian. Jika berhasil maka tampilanya akan seperti ini.

Gambar diatas adalah tampilan awal, isi form masih kosong. Sekarang kalian bisa coba isikan dengan username dan password sembarang kata.

Jika sudah tampilanya seperti diatas. Passwordnya masih disembunyikan dengan bentuk karater titik. Sekarang kalian bisa coba tekan tombol disampingnya maka akan terjadi perubahan seperti gambar dibawah ini.

Teks untuk password berubah menjadi teks biasa, karakternya muncul dan juga terjadi perubahan kata pada tombolnya untuk memberi tahu jika tombolnya dalam keaddan show password. Jika kalian tekan kembali tombol tersebut, maka teks password akan kembali seperti awal.

Mudah bukan ?

Sekian pembahasan mengenai bagaimana cara membuat menu lihat password dengan Jquery. Semoga bermanfaat.