Sabtu, 05 Oktober 2013

Membuat Fitur Show Hide Karakter Huruf pada Field Password


Login form dengan field password yang bisa di ubah dari asterisk menjadi karakter yang bisa di baca dan sebaliknya itu sebagai contoh bisa kita lihat di login form website mailchimp.com. Login form tersebut sangat bermanfaat terutama jika kita login dari perangkat mobile seperti handphone, dll. Kita bisa menampilkan karakter password yang biasanya asterisk menjadi karakter huruf yang bisa dibaca sehingga kita bisa menulisnya dengan benar.
Untuk membuat field password seperti itu pada dasarnya sangatlah mudah kita hanya perlu mengubah type dari field tersebut dari yang biasanya password menjadi text. Kita bisa menggunakan javascript untuk mengubah type field tersebut berikut adalah contoh kodenya javascriptnya:



Dan berikut adalah code untuk htmlnya:

Jika kalian mau melihat hasilnya bisa dilihat di sini
Bagaimana mudahkan? Silahkan gunakan kode di atas pada aplikasi kamu.

Tidak ada komentar:

Posting Komentar