Tutorial Membuat Show Hide Password dengan JQuery

Tutorial Membuat Show Hide Password dengan JQuery – Pada artikel kali ini saya akan membagikan tutorial jquery tentang membuat show hide password. Mungkin ada yang belum tahu apa itu show/hide password? Show hide password adalah fitur untuk memunculkan karakter yang di ketik pada form password. kan biasanya pada form password password, karakter yang tampil berupa bintang atau titik-titik yang tebal. jadi di sini kita akan mencoba membuat show hide karakter nya. di mana pada saat di klik pada show password maka karakter yang di ketik pada form password akan di tampilkan.

Oke kita langsung saja.

Tutorial Membuat Show Hide Password dengan JQuery

membuat show hide password

 

Yang kita butuhkan di tutorial ini adalah :

  • file html/php
  • jquery.js
  • style.css

Dimana pada file html/php tersebut kita akan membuat formnya sedang untuk style.css kita akan menambahkan script agar tampilan form passwordnya lebih menarik. Dan hal yang paling kita butuhkan disini adalah library JQuery. Untuk mendownload library jquery silahkan klik link berikut ini. Download JQuery

Lalu buatlah file php dengan nama index.html. Lalu masukkan kode dibawah ini pada file index.html tersebut.


fungsi jquery yang kita buat untuk bisa menampilkan dan menyembunyikan form password. di sini yang harus kita lakukan pertama kali adalah dengan cara mendeteksi checkbox. apakah checkbox dalam keadaan aktif(di content) atau dalam kondisi non aktif. cara mengeceknya mudah teman-teman. pertama kita berikan event klik dulu pada checkbox.

Lalu, kita check dahulu apakah checkbox tersebut dalam keadaan aktif atau tidak.

Untuk mengecek checkbox aktif dengan

Lalu tambahkan kode berikut pada file style.css untuk mempercantik tampilan anda.

Sekarang coba jalankan file index.html
Tags:
No Response

Leave a reply "Tutorial Membuat Show Hide Password dengan JQuery"

This site uses Akismet to reduce spam. Learn how your comment data is processed.