Menyembunyikan Password dan juga menampilkan password dengan JQuery pada Form Login

Assalammualaikum Wr. Wb.

Kali ini saya akan sharing mengenai cara Menyembunyikan Password dan juga menampilkan password dengan JQuery pada Form Login. hal ini dilakukan untuk memberi kemudiann kepada si yang mau login untuk melihat passwordnya, apakah sudah benar atau tidak.

A. PENDAHULUAN

Pengertian

Menyembunyikan dan menampilkan password merupakan suatu hal yang wajar saat membuat data user baru, bagaimana tidak?, keduanya sangat penting, dimana Hide untuk menyembunyikan password agar terenkripsi dan juga show untuk menampilkan password jika kita ragu akan password yang kita masukkan.

Latar Belakang

Pengguna dapat lebih mudah untuk login.

Maksud dan Tujuan

Dapat membuat fungsi untuk menyembunyikan dan menampilkan password pada login website.

B. ALAT DAN BAHAN

Text Editor.
Library Javascript (saya menggunakan JQuery).
Web Browser
1 Unit PC/Laptop.

C. JANGKA WAKTU PELAKSANAAN

Sekitar 10 menitan

D. RANGKAIAN KEGIATAN

Definisi Password

Password merupakan cikal bakal adanya keamanan di dunia modern saat in, bagaimana tidak, dengan adanya password ini kita dapat mengamankan semua data yang terdapat pada sebuah akun. nah, kemudahan itu kita dapatkan saat memasukkan password sekarang ini dimana kita dapat Menyembunyikan dan menampilkan password, bagaimana tidak?, keduanya sangat penting, dimana Hide untuk menyembunyikan password agar terenkripsi dan juga show untuk menampilkan password jika kita ragu akan password yang kita masukkan.

Menampilkan dan Menyembunyikan password

untuk menampilkan password pertama tama kiita buat dulu form loginnya. berikut merupakan scriptnya.

kita panggil dulu JQuery nya

kemudian kita buat kerangka form loginnya.

setelah itu kita panggil efek JQuerynya

setelah itu supaya tampilannya menjadi bagus :v. kita buat file css nya, berikut merupakan scriptnya...

kemudian jika kita cek hasilnya di browser, maka hasilnya akan menjadi seperti ini...

kemudian jika kita tampilkan passwordnya, maka hasil nya akan menjadi sebagai berikut..

E. HASIL YANG DIDAPATKAN

Dapat Mengenkripsi password dan menampilkannya di form login

F. TEMUAN PERMASALAHAN

jika font atau gaya tulisan kalian tidak sama saya anggap wajar, karena kalian belum install font nya.

G. KESIMPULAN

Untuk Menampilkan password dan menyembunyikannya kita dapat gunakan JQuery.

H. REFERENSI

MalasNgoding

Sekian sharing yang dapat saya sampaikan kali ini mengenai Menyembunyikan Password dan juga menampilkan password dengan JQuery pada Form Login.

semoga bermanfaat....

Wassalammualaikum Wr. Wb.

Menyembunyikan Password dan juga menampilkan password dengan JQuery pada Form Login

Share this