"password"文本模式 = "password" 在 asp：文本框

Question

我想使用TextBox作为密码，但是在用户输入TextBox之前，我想看到"enter password"作为文本。

使用ASP.NET通常是如何完成的?我是否必须创建第二个文本框并使用Javascript操作可见性?

Answer 1

如果使用HTML 5，只需使用占位符。

使用jQuery，有jQuery-水印插件:

能够在密码输入元素中显示水印，以明文形式显示水印，但在聚焦时切换到密码保护(模糊)模式。

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>

希望这有帮助?

欢呼史蒂夫