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.

Web Design Packages

Paket BasicPaket BusinessPaket Corporate

Address

PT. Proweb Indonesia

 

Please visit: www.proweb.co.id