您正在使用IPV4(44.192.247.184)访问本站 您本次共访问本站 1 次
 用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
[公益]文明驾车我带头,文明行路我带头,礼貌让座我带头       悟空收录网      

【腾讯云】云服务器等爆品抢先购,低至4.2元/月      
[公益] 节省一分零钱 献出一份爱心 温暖世间真情      
2023年 元宵节 4
2023年 情人节 13
2024年 元 旦 334
2024年 春 节 374
 
您现在的位置:首页 >> 脚本程序 >> 内容
本类新增
本类热门文章
html文本框提示效果的示例代码
内容摘要: !DOCTYPEhtmlPUBLIC'-//W3C//DTDXHTML1.0Transitional//EN''http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'htmlxmlns='http://www.w3.org/1999/xhtml'xml:lang='en'lang='en'headti......
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">

<head>

<title>html文本框提示效果</title>

<styletype="text/css">

*{

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

}

input{

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

}

</style>

</head>

<body>

<scriptlanguage="javascript">

functiontips(id,str){

varl=document.getElementById(id).offsetLeft+120;

vart=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="";

}

functionouttips(){

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

}

</script>

<divid="tips"style="position:absolute;border:1pxsolid#ccc;padding:0px3px;color:#f00;display:none;height:20px;line-height:20px;background:#fcfcfc"></div>

<br/>

姓名:<inputtype="text"id="username"onfocus="tips(username,姓名长度最多16个字符)"onblur="outtips()"/>

<br/>

密码:<inputtype="password"id="password"onfocus="tips(password,密码长度必须在3-18位之间)"onblur="outtips()"/>

</body>

</html>

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:检测浏览器的全部信息 下一篇:js 对url进行编码和解码
发布日期:2022/11/11
手机扫二维码直达本页
发布时间:15:01:26
点  击:20
录  入:壹家怡园
相关文章
Baidu

YiJiaCMS 6.3.5.220928(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,百度云加速提供加速防护
Copyright©2000-2023