asp：TextBoxのTextMode = "password"のテキスト

Question

TextBoxをパスワードに使用しますが、ユーザーがTextBoxを入力する前に、「パスワードを入力してください」というテキストを表示します。

これは通常、ASP.NETを使用してどのように実行されますか？ 2番目のテキストボックスを作成し、Javascriptを使用して可視性を操作する必要がありますか？

Answer 1

HTML 5を使用している場合は、単にplaceholderを使用しています。 jQueryを使って

、そこjQuery-watermarkプラグインです：プレーンテキストで透かしを示し、パスワードの入力要素で透かしを表示することが可能

は、しかし焦点を当てたときに、パスワードで保護され（隠され）モードに切り替えます。

Answer 2

AJAX透かしを使用できます。

例は、ここで見つけることができます： http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/TextBoxWatermark/TextBoxWatermark.aspx

Answer 3

は、これは私がそれ鉱山を固定する方法で、夢を動作します： - このことができます

<script type="text/javascript" language="javascript"> 

function LoginPassword() { 

    document.getElementById("<%= txtTempBox.ClientID %>").style.display = "none"; 
    document.getElementById("<%= txtPassword.ClientID %>").style.display = ""; 
    document.getElementById("<%= txtPassword.ClientID %>").focus(); 
} 
function LoginPassword1() { 


    if (document.getElementById("<%= txtPassword.ClientID %>").value == "") { 
     document.getElementById("<%= txtTempBox.ClientID %>").style.display = "block"; 
     document.getElementById("<%= txtPassword.ClientID %>").style.display = "none"; 

    } 
} 

<div id="dloginPassword"> 


       <asp:Label ID="hdnLgnPassword" runat="server" Text="Password" Style="display: none;" CssClass="" /> 
      <asp:TextBox ID="txtTempBox" runat="server" Text="Password" 
        onfocus="LoginPassword();" CssClass="Mainlogintextbox txtWaterMark" /> 
       <asp:TextBox TextMode="Password" ID="txtPassword" runat="server" Style="display: none;"   
       onblur="LoginPassword1();" CssClass="Mainlogintextbox" /> 


      </div> 

希望？

乾杯

スティーブ