<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<head runat="server">
<title></title>
<script>
$(document).ready(function () {
$("#chkShowHidePassword").click(function () {
$("#txtPassword").attr('type', $(this).is(':checked') ? 'text' : 'password');
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>User Id :
</td>
<td colspan="2">
<asp:TextBox ID="txtUserId" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>Password :
</td>
<td>
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
</td>
<td>
<asp:CheckBox ID="chkShowHidePassword" runat="server" />Show password
</td>
</tr>
</table>
</div>
</form>
</body>
</html>