大牛们来看看，密码框显示文本提示问题？

rart2008 2010-12-05 12:37:25

我有一个登陆页面，想在密码框里显示问题提示用户“ - 请输入密码”，但是密码框是不能显示明文的，所以用js 处理了下！



<asp:TextBox ID="txtLoginPwd1" style="height:28px;width:202px;border:#868690 solid 1px;line-height:28px;" Text=" - 请输入密码" onFocus="ChangeUnameNonePwd();" runat="server" TextMode="SingleLine"></asp:TextBox>

                  <asp:TextBox ID="txtLoginPwd" style="height:28px;width:202px;border:#868690 solid 1px;line-height:28px;display:none;"  onblur="ChangeUnameBlockPwd();" runat="server" TextMode="Password"></asp:TextBox>



//鼠标移上txtLoginPwd1隐藏txtLoginPwd1显示txtLoginPwd，并等到焦点

function ChangeUnameNonePwd() {

              var inputname = document.getElementById("<%=txtLoginPwd.ClientID%>");

              var inputname1 = document.getElementById("<%=txtLoginPwd1.ClientID%>");

              inputname1.style.display = "none";

              inputname.style.display = "block";

              inputname.focus();

          }





          function ChangeUnameBlockPwd() {

              var inputname = document.getElementById("<%=txtLoginPwd.ClientID%>");

              var inputname1 = document.getElementById("<%=txtLoginPwd1.ClientID%>");

              inputname.style.display = "none";

              inputname1.style.display = "block";

          }

问题来了，IE6下无效，FF下，效果是出来了，可是当鼠标移到txtLoginPwd1上的时候，把txtLoginPwd显示出来了，但是位置比原来要上去一些！
不知道是什么原因！
请教各位大牛，有什么好的办法？

...全文

172 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

wuyq11 2010-12-05

打赏
举报

onfocus="javascript:show();" onblur="javascript:hide();" 显示DIV
function show()
{
var obj=document.getElementById("div1");
var offsetTop = document.documentElement.scrollTop + event.clientY + 15; var offsetLeft = event.clientX;
obj.style.top=offsetTop+"px";
obj.style.left=offsetLeft+"px";
obj.style.position="absolute";
obj.style.display="";
obj.style.width="130px";
obj.style.height="30px";
obj.innerText="";
}
function hide()
{
var obj=document.getElementById("div1");
obj.style.display="none";
}

ly520dreaming 2010-12-05

打赏
举报

[Quote=引用楼主 rart2008 的回复:]
我有一个登陆页面，想在密码框里显示问题提示用户“ - 请输入密码”，但是密码框是不能显示明文的，所以用js 处理了下！

C# code

<asp:TextBox ID="txtLoginPwd1" style="height:28px;width:202px;border:#868690 solid 1px;line-height:28px;" Text=" - 请输入密码" onFo……
[/Quote]
这个好

deoing 2010-12-05

打赏
举报

使用样式来控制最简单了。做一个有提示的图片，把它设置为背景图即可：



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <style type="text/css">

    .tip{ background-image: url(http://www.guaik.com/i/bg/logo200712.gif)}

    </style>

</head>

<body>

<input type="password" class="tip" style="height: 75px; width:200px;" onfocus="this.className='';" onblur="if( this.value == '') this.className='tip';" />

</body>

</html>