passtotext_01Password ini tersembunyi karena bantuan HTML dan CSS sederhana. Jadi sobat hanya perlu mengubah value pada type variabel, maka dengan mudah akan terlihat karakter apa di balik tanda bintang / asterisk. Akan saya tunjukan kepada sobat cara melakukannya pada Browser Google Chrome dan Firefox.

Google Chrome

Dalam situs web yang terdapat kotak isian password, klik kanan pada kotak password dan klik Inspect element.

passtotext_02

 

Akan tampil kode-kode pada Form Inspect element di bawah browser. sobat hanya perlu fokus pada bagian yang disorot (highlight) untuk melihat password, klik bagian yang disorot untuk mengubah menjadi biru.

passtotext_03

 

Cari type=”password” dan double klik di atasnya. Ganti ‘password’ dengan kata ‘text’.

Setelah diganti akan menjadi type=”text”. Lalu tekan Enter.

passtotext_04

 

Setelah sobat menggantinya, teks password di belakang tanda bintang / asterisk akan terlihat.

passtotext_05

 

 

Firefox.

Untuk melihat password di Firefox, pertama, klik kanan kotak password dan pilih Inspect Element.

passtotext_06

 

Sebuah bar abu-abu gelap akan muncul di bagian bawah browser, klik pada Panel Markup atau tekan Alt + M.

passtotext_07

 

Ini akan menampilkan beberapa baris kode, baris yang di fokus adalah pada garis yang disorot (highlight).

passtotext_08

 

Sekali lagi, cari type=”password” dan double klik di atasnya. Ganti ‘password’ menjadi kata ‘text’ sehingga akan terlihat menjadi type=”text”. Kemudian tekan Enter.

passtotext_09

 

Password di balik tanda bintang / asterisk sekarang akan terlihat.

 

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Keranjang Belanja