Javascript 密码框文本
我目前有一个网站的登录框。我想在密码框中添加文本,告诉用户使用他们的密码。例如,密码框将包含文字(请使用windows登录密码),当他们单击时,文字将消失,并允许他们输入密码。Javascript 密码框文本,javascript,asp.net,html,textbox,login-control,Javascript,Asp.net,Html,Textbox,Login Control,我目前有一个网站的登录框。我想在密码框中添加文本,告诉用户使用他们的密码。例如,密码框将包含文字(请使用windows登录密码),当他们单击时,文字将消失,并允许他们输入密码。 我可以使用类似以下内容的登录框来完成此操作: <asp:TextBox ID="UserName" class="txtbox" runat="server" text="NUID" Width="240px" onfocus="if(this.value==this.defaultValue) {this.va
我可以使用类似以下内容的登录框来完成此操作:
<asp:TextBox ID="UserName" class="txtbox" runat="server" text="NUID" Width="240px"
onfocus="if(this.value==this.defaultValue) {this.value='';$(this).css('color','black');}"
onblur="if(this.value=='') {this.value=this.defaultValue;$(this).css('color','rgb(173,180,195)');}"></asp:TextBox>
但是,使用密码似乎不起作用。这似乎是因为is具有textmode=“password”参数
有人知道如何在密码模式下使用ASP.NET文本框执行此操作吗。不是HTML文本框
这是我目前的代码
HTML
努伊德
*
密码
*
您是否尝试过占位符属性?因此,在ID=“Password”之后,输入占位符=“在此处输入测试”。但它对IE8及以下版本不起作用。。。试试这个(使用jQuery)
编辑:看完上面的评论后,他有一个观点。使用此代码将使“此处的文本”无法读取。但是,占位符属性将正确显示,即使它不适用于IE 8及以下版本
TextMode=“Password”
将作为密码输入呈现。你不希望用户阅读你在*********
中设置的内容,是吗?是的。这就是为什么我想知道是否有一种使用textmode=“password”的方法。也许让jquery更改它或做些什么。谢谢你的建议。我们需要为ie7及更高版本进行开发。可怕的规则。对我理解textmode=“Password”的含义。只是想知道有没有办法。
<asp:Login ID="Login1" class="loginbox" runat="server" Font-Names="Verdana" Font-Size="8pt"
DisplayRememberMe="False" UserNameLabelText="NUID:"
FailureText="Incorrect login. Please try again." TitleText="" DestinationPageUrl="default.aspx" onauthenticate="Login1_Authenticate">
<TextBoxStyle Width="110px" />
<LoginButtonStyle Font-Names="Arial, Helvetica, sans-serif" Height="24px" />
<LayoutTemplate>
<table border="0" cellpadding="1" cellspacing="0"
style="border-collapse:collapse; height:113px">
<tr>
<td>
<table border="0" cellpadding="0">
<tr>
<td valign="baseline">
<div class="textlogin">NUID</div>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="UserName" class="textloginbox" runat="server" Font-Bold="true"></asp:TextBox>
<asp:RequiredFieldValidator ID="UserNameRequired" runat="server"
ControlToValidate="UserName" ErrorMessage="User Name is required."
ToolTip="User Name is required." ValidationGroup="Login1" ForeColor="#FF0000" Font-Bold="true" Font-Size="14px">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr><td style="height:3px;"></td></tr>
<tr>
<td>
<div class="textlogin">Password</div>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="Password" runat="server" class="textloginbox" TextMode="Password" Font-Bold="true"></asp:TextBox>
<asp:RequiredFieldValidator ID="PasswordRequired" runat="server"
ControlToValidate="Password" ErrorMessage="Password is required."
ToolTip="Password is required." ValidationGroup="Login1" ForeColor="#FF0000" Font-Bold="true" Font-Size="14px">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="center" style="color:#DA6426;">
<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
</td>
</tr>
<tr>
<td align="right">
<asp:ImageButton ID="LoginButton" runat="server" CssClass="loginbutton" CommandName="Login" ValidationGroup="Login1" ImageUrl="~/Icons/Enter Arrow 30.png" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</LayoutTemplate>
<TitleTextStyle BackColor="#FFFFE0" Font-Bold="True"
ForeColor="#FFFFFF" Height="0px"/>
</asp:Login>
$("#Password").focus(function()
{
if($(this).val() == "Your Text Here")
{
$(this).val("");
}
});
$("#Password").blur(function()
{
if($(this).val() == "")
{
$(this).val("Your Text Here");
}
});