Menampilkan Teks Password yang Tersembunyi
Tentu anda sudah pernah beratus ratus kali,memasukan password di website ,pasti anda tidak asing lagi dengan salah satu tampilan form login.khusussnya bagian password ,dimana inputnya berisi tanda bulat-bulat atau bintang - bintang tersebut ditutupi/dikonversi menjadi suatu symbol.nah jquery punya cara unik untuk mengkorversi pada isian password tersebut menjadi teks biasa lagi.hal ini bertujuan untuk memeberikan kebebasan pada user,apakah dia ingin menampilkan password apa adanya atau dalam bentuk symbol...lebih friendly bukan?untuk lebih praktisnya ,kita menggunkan pluign jquery.showpassword-1.0.js. ada pun cara penggunaanya perhatikan skrip berikut ini :
<html>
<head>
Panggil Pluign Jquery Showpassword
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="jquery.showpassword.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#pass').showPassword('#checkbox');
});
</script>
pangunaan css
<style>
body {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
}
.demo {
border:solid 1px #ccc;
background-color:#def;
padding:10px
}
label {
float: left;
width: 200px;
}
</style>
</head>
<body>
<div class="demo" style="width: 270px;">
<form>
<p>Username : <input type="text" id="username"> </p>
<p>Password : <input type="password" id="pass"> </p>
<label><input id="checkbox" type="checkbox"> Tampilkan password</label>
<input type="submit" value="Login">
</form>
</div>
</body>
</html>
Kunjungi www.prowebpro.com untuk menambah wawasan anda.
Portfolio
Livechat
-
Sonny
Marketing -
Aris G
Support -
Agus
Support -
Kurnianto
Support -
Eko P
Designer -
Andreas
Designer -
Address
PT. Proweb Indonesia
Perkantoran Duta Merlin No F4
Jl. Gadjah Mada 3-5
Jakarta Pusat
GPS: S 6o 09' 58.1", E 106o 49' 3.3"
| Phone | : | 021 - 2636 3170 |
| 021 - 3377 0050 | ||
| Mobile | : | 0856 - 9360 1378 |
| 0812 - 806 2772 | ||
| 0857 - 1586 8992 | ||
| 0816 - 180 8005 | ||
| Blackberry PIN | : | 23096502 |
| Fax | : | 021 - 633 5765 |
| Web | : | www.proweb.co.id |