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

60 阅读 0 评论 40 点赞

我是靠谱客的博主结实蓝天，最近开发中收集的这篇文章主要介绍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';

}

姓名：

密码：

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。