html文本输入框自动提示,html文本框提示效果的示例代码

完整代码如下：

html文本框提示效果

*{

margin:0px;padding:0px;font-size:12px;

}

input{

width:100px;height:20px;border:1px solid #ccc;

}

function tips(id,str){

var l=document.getElementById(id).offsetLeft+120;

var t=document.getElementById(id).offsetTop;

document.getElementById("tips").innerHTML="提示："+str;

document.getElementById("tips").style.left=l+"px";

document.getElementById("tips").style.top=t+"px";

document.getElementById("tips").style.display="";

}

function outtips(){

document.getElementById("tips").style.display='none';

}

姓名：

密码：