Question

我想使用TextBox作为密码，但在用户输入TextBox之前，我希望看到“输入密码”作为文字。

这通常是如何使用ASP.NET实现的？我是否必须使用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>

希望这有帮助吗？

干杯

史蒂夫

Text中的“password”文本：asp：TextBox中的“password”

3 个答案: