当前位置:多学网学习教育电脑学习编程入门PHP教程点击文本框后才加载验证码的JS代码

点击文本框后才加载验证码的JS代码

[08-23 22:08:41]   来源:http://www.duoxue8.com  PHP教程   阅读:437
点击文本框后才加载验证码的JS代码,标签:PHP技巧,php培训,php学习,php安装,http://www.duoxue8.com

        大家也许看到很多网站都有验证码的功能,有些网站的难证码是在用户点击输入框之后才调用函数生成验证码,这样会减轻网页加载时的服务器压力,因此,这一个小特效就派上用场了,正好实现点击输入框出现验证码,不点击不会加载,也不生成。注意,这里只是一个演示,你需要将调用验证码的程序写在指定位置才行。

javascript 代码复制内容到剪贴板
  1. <html>   
  2. <head>   
  3. <meta http-equiv="content-Type" content="text/html;charset=gb2312">   
  4. <title>一个和论坛验证码相似的功能_form:/</title>   
  5. <style type="text/css">   
  6. .header   
  7. {   
  8.    width:58px;   
  9.    height:23x;   
  10.    background-color:#009999;   
  11.    font-size:14px;   
  12.    color:red;   
  13.    display:none;   
  14. }   
  15. </style>   
  16. </head>   
  17. <script language="javascript">   
  18. <!--   
  19.  function dian()   
  20.    {   
  21.        if(txt.value="")   
  22.     {   
  23.        document.getElementsByTagName("span")[0].style.display="none";   
  24.     }   
  25.     else  
  26.     {   
  27.        document.getElementsByTagName("span")[0].style.display="block";   
  28.     }   
  29.    }   
  30. -->   
  31. </script>   
  32. <body>   
  33. <span class="header">6253</span>   
  34. <input type="text" size="20" id="txt" value="" onClick="dian()">   
  35. </body>   
  36. </html>  



点击文本框后才加载验证码的JS代码 结束。
Tag:PHP教程PHP技巧,php培训,php学习,php安装电脑学习 - 编程入门 - PHP教程