Show password option for the Password field can be
obtained by placing the checkbox and using some piece of JavaScript code to obtain
this functionality. This can be done in onchange or onclick events of the
checkbox. Find the example below.
ASPX code: Using onchange Event
<html>
<head runat="server">
<title>Show password checkbox</title>
</head>
<body>
<form id="form1" runat="server">
<div><br />
<asp:Label ID="Label1" runat="server" Text="User name:">
</asp:Label><asp:TextBox ID="Uname" runat="server"></asp:TextBox>
<br />
<asp:Label ID="Label2" runat="server" Text="Password
:"></asp:Label>
<asp:TextBox TextMode="Password" ID="password" runat="server"></asp:TextBox>
<input type="checkbox" onchange="document.getElementById('password').type =
this.checked ? 'text' : 'password'">
Show password
</div>
</form>
</body>
</html>
[OR]
ASPX code: Using onclick Event
<html>
<head runat="server">
<title>Show password checkbox : fourthbottle</title>
</head>
<body>
<form id="form1" runat="server">
<div>
Password :
<input type="password" name="password" id="password" />
<input type="checkbox" id="pass" onclick="showpass(this);" />
Show Password
<script type="text/javascript">
function showpass(check_box) {
var spass =
document.getElementById("password");
if (check_box.checked)
spass.setAttribute("type", "text");
else
spass.setAttribute("type", "password");
}
</script>
</div>
</form>
</body>
</html>
-Anantha Bharani Guhan
ReplyDeleteI have to agree with everything in this post. Thanks for the useful information.
Struts Training in Chennai
Struts Training
Wordpress Training in Chennai
Wordpress Training institute in Chennai
Wordpress Training in T Nagar
Wordpress Training in Tambaram
Struts Training in Chennai
Struts Training
Nice blog....waiting for next update....
ReplyDeleteStruts Training in Chennai
Struts Training center in Chennai
Struts course in Chennai
Struts Training in Velachery
Struts Training in Tambaram
Wordpress Training in Chennai
SAS Training in Chennai
Spring Training in Chennai
Photoshop Classes in Chennai
DOT NET Training in Chennai
Wonderful Blog!!! Waiting for your upcoming data... thanks for sharing with us.
ReplyDeleteSoftware Testing Training in Chennai
software testing course in chennai
software testing course
software testing training institute in chennai
Software testing training in Velachery
Software testing training in Adyar
Python Training in Chennai
Digital marketing course in chennai
JAVA Training in Chennai
awesome article,the content has very informative ideas, waiting for the next update...
ReplyDeleteC C++ Training in Chennai
C++ Training
C Language Training
C C++ training in T nagar
C C++ training in Vadapalani
javascript training in chennai
core java training in chennai
Html5 Training in Chennai
DOT NET Training in Chennai
QTP Training in Chennai