Create Show Password Check Box In Login Form In ASP.NET Web Forms | ASP.NET

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ShowPasswordCheckBox_Practice.WebForm1" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <style type="text/css">

        .auto-style1{

            width:100%;

        }

        .auto-style2 {

            margin-left: 0px;

        }

        .auto-style3 {

            width: 99px;

        }

    </style>

    <script type="text/javascript">

        function ShowPassword(checkBox)

        {

            var PasswordTextBox = document.getElementById("TextBox1");

            if (checkBox.checked == true) {

                PasswordTextBox.setAttribute("type", "text");

            }

            else

            {

                PasswordTextBox.setAttribute("type","password");

            }

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <table cellpadding="3" cellspacing="3" class="auto-style1">

                <tr>

                    <td class="auto-style3">PASSWORD</td>

                    <td>

                        <asp:TextBox ID="TextBox1" runat="server" TextMode="Password" CssClass="auto-style2" Width="205px"></asp:TextBox>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style3">&nbsp;</td>

                    <%--<td><input type="checkbox" onchange="document.getElementById('TextBox1').type = this.checked ? 'text' : 'password'"/>Show Password</td>--%>

                    <td><input type="checkbox" onclick="ShowPassword(this)"/>Show Password</td>

                </tr>

            </table>

        </div>

    </form>

</body>

</html>

Above File is ShowPasswordCheckBox_Practice\WebForm1.aspx




Comments

Post a Comment

Popular posts from this blog

AJAX Method Of jQuery AJAX In ASP.NET Web Forms | Learn ASP.NET Web Forms

Image
 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ajax_method.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title>     <style>         #loader{             display:none;         }     </style> </head> <body>     <form id="form1" runat="server">         <div>             <input type="text" placeholder="Enter your name" id="uname"/>             <br/><br/>             <input type="text" placeholder="Enter your surname" id="surname"/>             <br/><br/>             <input type="button" value="Submit" ...
Read more

List Box In ASP.NET Web Forms | ASP.NET ListBox | Web Forms Tutorial | ASP.NET

Image
 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ListBoxAsp.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title> </head> <body>     <form id="form1" runat="server">         <div>             <asp:ListBox ID="ListBox1" runat="server" SelectionMode="Multiple" Font-Bold="true" Font-Italic="true" Font-Size="Large" ForeColor="#CC3399">                 <asp:ListItem Value="1" Text="India"></asp:ListItem>                 <asp:ListItem Value="2" Text="SriLanka"></asp:ListItem>                 <asp:ListItem Value="3" Text="USA"></asp:ListItem>                 <asp...
Read more

Display Auto Increment Value In Text Field After Insert To Database ASP.NET

Image
 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="AUTO_INCREMENT_VALUE_ASP.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title>     <style type="text/css">         .auto-style1{             width:400px;         }         .auto-style2 {             width: 54px;         }     </style> </head> <body>     <form id="form1" runat="server">         <div>             <table cellpadding="4" cellspacing="4" class="auto-style1">                 <tr>                     <td class="auto-style2">...
Read more