`

点击输入框出现提示语[转]

阅读更多

这需要和脚本配合,下面是简单示例,当你鼠标点文本框后,出现对应提示,如过输入内容提示去掉。
<script>
function checkvalue(n,obj)
{ var oTip = document.getElementById("tip"+n);
if (obj.value=="")
{ oTip.innerHTML =obj.title ;}
else
{oTip.innerHTML ="";}
}
</script>
<p>
用户:<input type=text name=usename id=username value="" onclick="checkvalue(1,this);" onkeyup="checkvalue(1,this);" title="请输入用户名, 不能空。"><label id="tip1"></label>
<p>
密码:<input type=password name=pwd id=pwd value="" onclick="checkvalue(2,this);" onkeyup="checkvalue(2,this);" title="请输入密码, 不能空。"><label id="tip2"></label>

 

 

============我自己写的:=========================

<script>

function checkvalue(n,obj)
{ var oTip = document.getElementById("tips"+n);
oTip.style.display = "block";
for(k=1;k<=3;k++){
   if(k != n){
    var oTip2 = document.getElementById("tips"+k);
    oTip2.style.display = "none";
   }
   }
}
</script>

 

<p style="float:left;"><span style="padding-left:30px;"></span><span class="text1">你的电子邮箱:</span><input onclick="checkvalue(1,this);"   />
         <span style="padding-left:10px;"></span><div class="tips" id="tips1"><span class="text1">电子邮箱用作登录名,例:boy@163.com</span></div></p>

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics