当前位置: 代码迷 >> Web前端 >> 点击输入框出现揭示语[转]
  详细解决方案

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

热度:88   发布时间:2012-10-24 14:15:58.0
点击输入框出现提示语[转]

这需要和脚本配合,下面是简单示例,当你鼠标点文本框后,出现对应提示,如过输入内容提示去掉。
<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>

?

  相关解决方案