asp.netログインコントロールに "show password"オプションを追加します

Question

私は自分のサイトをログオンするためにoredのasp.netログインコントロールを使用しましたが、私はアスタリスクの代わりにパスワードを表示するためにopptionを追加したいのですが私はそのテキストモードを変更することはできませんパスワードのテキストボックスへのアクセス権がありません。

Answer 1

LayoutTemplateがログインコントロールで利用可能な場合は、レイアウトなどを自由に変更できます。ここでは、1つのプロジェクトで使用したログインページ用に設計された完全なレイアウトです。

<asp:Login ID="Login1" runat="server"> 
    <LayoutTemplate> 
     <table> 
      <tr> 
       <td align="right"> 
        <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">User Name:</asp:Label> 
       </td> 
       <td> 
        <asp:TextBox ID="UserName" runat="server"></asp:TextBox> 
        <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" 
         ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator> 
       </td> 
      </tr> 
      <tr> 
       <td align="right"> 
        <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label> 
       </td> 
       <td> 
        <asp:TextBox ID="Password" runat="server" ></asp:TextBox> 
        <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" 
         ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator> 
       </td> 
      </tr> 
      <tr> 
       <td align="right"> 
        &nbsp; 
       </td> 
       <td> 
        <asp:CheckBox ID="RememberMe" runat="server" CssClass="hint hide" Text="Remember me next time." /> 
       </td> 
      </tr> 
      <tr> 
       <td align="center" colspan="2" style="color: Red;"> 
        <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal> 
       </td> 
      </tr> 
      <tr> 
       <td align="right" colspan="2"> 
        <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" ValidationGroup="Login1" /> 
       </td> 
      </tr> 
     </table> 
    </LayoutTemplate> 
</asp:Login> 

Answer 2

onchange="document.getElementById('password').type = this.checked ? 'text' : 'password'" 

でも、私たちは、チェックボックスのonclickのイベントを使用することができます。 Refference code