javascript - 如何在Java脚本中消失密码文本框的默认文本？

Question

<asp:TextBox TextMode="Password" ID="TxtBx_Password" runat="server" Width="175px" Text="Password" ForeColor="Gray" 
                    onblur="WaterMarkPwd(this, event);" onfocus="WaterMarkPwd(this, event);"></asp:TextBox>

我正在使用此密码文本框并使用 WaterMarkPwd js 方法，如下所示，

<script type ="text/javascript">

function WaterMarkPwd(txtpwd, event) 
{
    var defaultText = "Password";

    // Condition to check textbox length and event type
    if (txtpwd .value.length == 0 & event.type == "blur") 
    {
        //if condition true then setting text color and 
        //default text in textbox
        txtpwd .style.color = "Gray";
        txtpwd .value = defaultText;
    }
    // Condition to check textbox value and event type
    if (txtpwd .value == defaultText & event.type == "focus") 
    {
        txtpwd .style.color = "black";
        txtpwd .value = "";
    }
 }
</script> 

问题是，如果我将其应用于具有文本模式=“文本”的文本框，那么它工作正常，但是当我将其更改为文本模式=“密码”时，它会显示加密文本，因为我在方法中设置它 defaultText = “密码”;

如何解决希望您的建议

Answer 1

如果您不关心兼容性，可以使用 placeholder 属性为您的输入指定水印。

不幸的是，无法使密码类型字段显示实际文本。您可以做的是改变您的方法并使用显示水印的覆盖元素。当输入聚焦时隐藏它。

以下是此方法的演示:http://jsfiddle.net/tPtJR/