文本框点击时文字消失效果

稿源：互联网 2022-06-23 10:58:38 点击： 4964 撤稿纠错

文本框被点击时，文字消失，光标移开后又出现文字。

以下讨论的是和相关的文本框点击时文字消失效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charsetGB2312" />
  <meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
  <title>使文本框点击时文字消失脚本，sky整理收集</title>
 </head>
 <body>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

  <input type="text" value="sky提醒您：请输入您的姓名 zzjs" id="myinput" size="60" />
 </body>
</html>
<script language="JavaScript" type="text/javascript">
   function addListener(element,e,fn){
        if(element.addEventListener){
             element.addEventListener(e,fn,false);
         } else {
             element.attachEvent("on" + e,fn);
          }
   }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
   var myinput = document.getElementById("myinput");
   addListener(myinput,"click",function(){
    myinput.value = "";
   })
   addListener(myinput,"blur",function(){
    myinput.value = "sky提醒您：请输入您的姓名 zzjs";
   })
</script>

关于文本框点击时文字消失效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016313762509.shtml方便下次再访问哦。

·上一篇： 规定时间过后按钮才能点击
·下一篇： 非常酷的登陆框特效

文本框点击时文字消失效果

文章分类LIST >>返回首页

最新游戏

最新新闻