javascript学习指南_JavaScript注册实现文本框提示效果

更新时间：2018-03-11 来源：文本特效手机版 字体：大中小

【www.bbyears.com--文本特效】

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
   <title>JavaScript实现文本框提示效果</title>
   <style type="text/css">
   *{
   margin:0px;padding:0px;font-size:12px;
   }
     input{
       width:100px;height:20px;border:1px solid #ccc;
     }

</style>
</head>

<body>
<script language="javascript">
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";
}
</script>

<br />
姓名：<input type="text" id="username" onfocus="tips("username","姓名长度最多16个字符")" onblur="outtips()" />
<br />
密码：<input type="pass<a href="http://www.bbyears.com/clist-116-1.html" target="_blank" class="keylink">word</a>" id="pass<a href="http://www.bbyears.com/clist-116-1.html" target="_blank" class="keylink">word</a>" onfocus="tips("password","密码长度必须在3-18位之间")" onblur="outtips()" />
</body>
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/wangyetexiao/39860.html

链接：http://www.bbyears.com/wangyetexiao/39860.html
javascript学习指南_JavaScript注册实现文本框提示效果(转载时请注明本文出处及链接)

猜你感兴趣

【三星i8268参数】三星I8268如何设置静态IP地址 2018-03-11
【中兴f460光猫破解超级密码】中兴F460光猫破解超级管理员 2018-03-11
emlog模板|emlog修改分页样式（分页函数）方法总结 2018-03-11
【怎么给kindeditor编辑器】怎么给kindeditor编辑器添加引用（blockquote）标签 2018-03-11
[php操作csv文件路径]PHP操作csv文件代码详解 2018-03-11
dedecms视频发布|DEDECMS后台登录空白解决办法 2018-03-11
php随机生成数字_PHP生成随机字符串程序代码 2018-03-11
php新浪面试题|PHP新浪面试题全部题目与答案 2018-03-11
jquery ajax_jQuery Ajax实例各种使用方法详解 2018-03-11
js仿苹果的悬浮按钮|js仿淘宝首页商品分类列表效果 2018-03-11

本类排行

本类最新

更多>>

javascript学习指南_JavaScript注册实现文本框提示效果

猜你感兴趣

热门标签

本类排行

本类最新