Menyembunyikan Teks Password

Mengapa saya menulis tentang cara menyembunyikan teks password pada form HTML ini? Begini ceritanya.

Masih ingat tutorial membuat script PHP tentang cara membuat halaman login menggunakan PHP kan? Nah, salah satu pengunjung yang bernama Fadhly, sudah berbaik hati memberikan masukan seperti ini.

sekedar masukan nih mas yang password
type nya password aja mas
jadi

jadi pas login pas nulis password jadi kayak login social network jadi kayak titik-titik atau bintang-bintang(*)

terima kasih

Dan memang pada umumnya kita akan lebih baik untuk myembunyikan teks password pada form yang sudah kita buat. Tujuan kita menyembunyikan teks password adalah agar orang lain tidak bisa melihat apa password yang kita masukkan di sebuah form login saat ada yang mencoba login.

Lalu, kapan kita perlu menampilkan teks passwordnya? Terkadang kita perlu menampilkan teks password. Hal ini biasanya kita lakukan jika seseorang kesulitan memasukkan password. Katakanlah setelah mencoba 5 kali masih gagal, kita bisa memberikan pilihan untuk menampilkan teks passwordnya untuk memperkecil kemungkinan kesalahan memasukkan password. Dengan form password yang bisa dilihat, maka kemungkinan orang salah ketik password menjadi lebih kecil.

Ok, untuk menyembunyikan teks password bisa kita lakukan dengan sangat mudah. Saya akan menggunakan script yang sama dengan script membuat form login yang dulu, dengan sedikit perubahan. Perubahannya adalah mengubah parameter type pada tag input password dari text menjadi password.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

<table width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">   <tr>   <form name="form1" method="post" action="checklogin.php">   <td>   <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">   <tr>   <td colspan="3"><strong>Member Login </strong></td>   </tr>   <tr>   <td width="78">Username</td>   <td width="6">:</td>   <td width="294"><input name="myusername" type="text" id="myusername"></td>   </tr>   <tr>   <td>Password</td>   <td>:</td>   <td><input name="mypassword" type="password" id="mypassword"></td>   </tr>   <tr>   <td>&nbsp;</td>   <td>&nbsp;</td>   <td><input type="submit" name="Submit" value="Login"></td>   </tr>   </table>   </td>   </form>   </tr>   </table> Perhatikan baris 33, di sana ada tertulis seperti ini: ? 1 <td><input name="mypassword" type="password" id="mypassword"></td> Parameter type=”password” adalah cara kita untuk menyembunyikan password saat ada yang melakukan input password untuk login. Kalau kita menggunakan type text, maka password akan muncul, tetapi kalau kita menggunakan type password, maka yang tampil adalah titik hitam atau bintang saja. Teks passwordnya sendiri tidak nampak.