您的位置：首页 > 编程技术 > html  >  关于验证码在点击输入框时才显示的好处

关于验证码在点击输入框时才显示的好处

 更新时间：2016年9月20日 19:02  点击：1510

大家可以发现很多网站都把验证码改成在点击输入框时才显示的。包括,qzone,baidu,discuz等。

我来说下这样做有以下两点好处。

1.减轻服务器负载
比如说回复需要输入验证码,而实际上我们知道会回复的比率很底，假如帖子打开1000次只有10个人回复了，那么990次加载验证码负载都是浪费掉的

2.验证码实时正确性

比如我们同时打开两个帖子，验证码使用的是同一个cookie/session变量，当打开第一个页面时假如验证码为1111,第二次条开时为2222,实际上第二次的验证码已经把第一次的覆盖了，这时两个验证码实际上都是2222,这种情况就会造成输入正确的验证码实际上也是错的。

验证码改成在点击输入框时才显示后，验证码就是实时的了。


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="imagetoolbar" content="no">
<title>翻页原理实现</title>
<style>
<!--
body{text-align:center;}
table{
 border:0px;
}
.sp{
 width:520px;
 height:400px;
 border:2px solid #FFCC00;
 text-align:center;
 line-height:400px;
}
.sn{
 width:520px;
 height:30px;
 text-align:center;
 line-height:30px;
}
img{
 border:0px; 
}
-->
</style>

</head>
<body>

<table>
 <tr>
  <td class="sp"><a href="2.asp?page=4"><img name="inphoto" src="photo/3.jpg" alt="点击图片显示下一张"></a></td>
 </tr>
 <tr>
  <td class="sn"><span id="fn">云天河</span></td>
 </tr>
 <tr>
  <td class="sn">利用翻页原理实现点击图片显示下一张</td>
 </tr>
</table>

</body>

</html>

dl,dt,dd作用与用法

我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签，很少用刑<dl>标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是：

< dl>< /dl>用来创建一个普通的列表,

 

< dt>< /dt>用来创建列表中的上层项目，

< dd>< /dd>用来创建列表中最下层项目，

< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

有如下代码


<html>
<head>
<title>一个普通列表</title>
</head>
<body text="blue">
<dl>
  <dt>bbbbb</dt>
    <dd>北c </dd>
    <dd>上c </dd>
    <dd>广c </dd>
  <dt>mmmmm</dt>
    <dd>s顿 </dd>
    <dd>s加哥 </dd>
    <dd>s约 </dd>
</dl>
</body>
</html>

我们可以看到，<dt></dt>中间的文字即时我们没有进行缩进它也会怎地向前靠拢，而<dd></dd>中间的内容则自动向后缩进。这在腾讯新闻评论中已经使用到了

启动网络营销学院项目已经有半年多了，学生在网络营销学院也已经学习将近２个月了，以后在网页教学网和大家一起分享网络营销学院学生的一些学习心得。目前学生的主要要求就是在每门课中多添加实训内容，所以我们只有慢慢地完善我们的网络营销课程体系，加强学生的实训。这是第一篇关于学生学习心得的文章，这个学生的特点是对技术特别热忠，自己也非常努力，学习效果也算是蛮好的，我比较喜欢，大家有空可以去他的博客去看看：http://www.111cn.net/。

　　做完网络广告案例投放实训作业，随便打开几个网站，可能是自己比较细心吧！发现好多知名的网站的地址前面都有一个小的个性图片，而不是Microsoft提供的那个蓝色的E图标，于是有了想给自己的BLOG也做1个个性小图标的冲动。 

　　刚有脑子有这个想法，回头就去问后面的刘红军老师了（坏习惯，遇到问题自己不先思考，去尝试，总是先问老师，得改了这个坏毛病），结果刘红军老师告诉我那叫网站ICON，具体怎么做你去百度查下吧。的确，百度是个不会抱怨的好“老师”，从它那可以学到好多东西，而且它不会有一句怨言，还会欢迎您常来光顾呢！


　　 在百度搜索地址里打入“网站ICON”，不到1秒的时间，很多关于制作网站ICON的网页立即呈现在你面前，任君选看。网上类似这样的网页的确很多，既然你来到北漂领袖东的BLOG，就不必再去找了，我将用我的理解和方法教你如何制作“网站ICON”。 Webjx.Com

首先了解下什么网站ICON?ICON你可以把它比作成QQ头像，一打看QQ看到那个图像的头像就知道，那个是谁了，很方便。ICON也是如此，如果你的网站被朋友收藏了，人家打开IE收藏夹的时候，一看到你的网站ICON就知道那是你的网站，给人一种亲切感，从技术角度讲给人一种专业感观（当然指的是新人啦）
 
制作1个网站ICON很简单具体步骤如下：
 
1：利用相关图形软件制作1个16x16的图片。推荐软件：HprSnap一款李新刚老师分享的很好用的截图软件，刚发现他还能制作ICO格式的图片，没有的话可以网上搜一下，找不到可以QQ上M我，我给大家传一下.
 
2:把做好的图片传到自己的网站空间的根目录下，所谓根目录，用LEFTCUP连接好空间好后不要点文件夹，直接把你做好的ICO格式的图片传上去就可以了。很通俗很易的说法了，我是针对新手说的，高手直接跳过吧。
 
3:最后一步,很简单也很关键。一般在主题文件夹里面，themes/主题名/template文件夹里面所*.html文件的<head></head>之间加入：<link rel="Shortcut Icon" href="网站根目录/favicon.ico" type="image/x-icon" />就OK啦！一般网站都有，看下其中的路径是否正确就可以了，如果没有的话把以上代码放入<head></head>之间就可以了。（例如我的ICON地址：www.111cn.net/favicon.ico）
 
大功告成，进BLOG后台，索引重建就可以了，返回主页刷新一下，肯定就可以看到啦！是不是很简单啊~如果你的网站做好了，别忘了告诉我。更多精彩内容，请继续关注北漂领袖东BLOG。

 常用正则表达式   常用的正则表达式   php 常用正则表达式   正则表达式 正整数   正态分布函数表达式 正表达式   正态分布 表达式   正则表达式   java 正则表达式   用正正则表达式
 
 
"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串 
"^[a-z]+$"　　//由26个英文字母的小写组成的字符串 
"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串 
"^\\w+$"　　//由数字、26个英文字母或者下划线组成的字符串 
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址 
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url
"^\\d+$"　　//非负整数（正整数 + 0） 
"^[0-9]*[1-9][0-9]*$"　　//正整数 
"^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0） 
"^-[0-9]*[1-9][0-9]*$"　　//负整数 

"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　//负浮点数 
"^(-?\\d+)(\\.\\d+)?$"　　//浮点数 
"^[A-Za-z]+$"　　//由26个英文字母组成的字符串 

 

"^-?\\d+$"　　　　//整数 
"^\\d+(\\.\\d+)?$"　　//非负浮点数（正浮点数 + 0） 
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　//正浮点数 
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"　　//非正浮点数（负浮点数 + 0） 

[!--infotagslink--]

相关文章

  • 利用JS实现点击按钮后图片自动切换的简单方法

    下面小编就为大家带来一篇利用JS实现点击按钮后图片自动切换的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-10-25

  • PHP 验证码不显示只有一个小红叉的解决方法

    最近想自学PHP ，做了个验证码，但不知道怎么搞的，总出现一个如下图的小红叉，但验证码就是显示不出来，原因如下 未修改之前，出现如下错误； （1）修改步骤如下，原因如下，原因是apache权限没开， （2）点击打开php.int.， 搜索extension=ph...2013-10-04

  • JavaScript仿支付宝密码输入框

    那么今天我就用JavaScript代码来实现这个效果吧，那么首先介绍一下整个的思路，首先我们先将确定输入密码的位数，我的需求是5位，那么就用一个div标签包住5个input标签...2016-01-02

  • jQuery Real Person验证码插件防止表单自动提交

    本文介绍的jQuery插件有点特殊，防自动提交表单的验证工具，就是我们经常用到的验证码工具，先给大家看看效果。效果图如下： 使用说明 需要使用jQuery库文件和Real Person库文件 同时需要自定义验证码显示的CSS样式 使用实例...2015-11-08

  • JS实现随机生成验证码

    这篇文章主要为大家详细介绍了JS实现随机生成验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-06

  • Jquery插件实现点击获取验证码后60秒内禁止重新获取

    通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取（防刷新）”的功能效果图：先到官网（http://plugins.jquery.com/cookie/）下载cookie插件，放到相应文件夹，代码如下：复制代码 代码如下: <!DOCTYPE ht...2015-03-15

  • php实现点击可刷新验证码

    验证码类文件 CreateImg.class.php <&#63;php class ValidationCode { private $width,$height,$codenum; public $checkcode; //产生的验证码 private $checkimage; //验证码图片 private $disturbColor = ''; /...2015-11-08

  • 基于JavaScript实现验证码功能

    这篇文章主要介绍了基于JavaScript实现验证码功能的相关资料...2017-04-03

  • JS实现网页游戏中滑块响应鼠标点击移动效果

    本文实例讲述了JS实现网页游戏中滑块响应鼠标点击移动效果。分享给大家供大家参考，具体如下：这是网页游戏中的一个有趣效果，可以完成以下几个动作：滚动、scroll 8个方向、鼠标坐标获娶对象上下左右位置获取，大家可以自己添...2015-10-21

  • JavaScript实现输入框(密码框)出现提示语

    有时候我们需要在登陆表单有一些提示语言，比如“请输入用户名”和“请输入密码”等语言，通过本文给大家介绍JavaScript实现输入框(密码框)出现提示语的相关知识，对js实现输入框提示相关知识感兴趣的朋友一起学习吧...2016-01-14

  • 单击按钮发送验证码,出现倒计时的简单实例

    下面小编就为大家带来一篇单击按钮发送验证码,出现倒计时的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧 代码...2017-07-06

  • Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法

    这篇文章主要介绍了Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下...2016-06-24

  • PHP验证码生成与验证例子

    验证码是一个现在WEB2.0中常见的一个功能了，像注册、登录又或者是留言页面，都需要注册码来验证当前操作者的合法性,我们会看到有些网站没有验证码，但那是更高级的验证了，...2016-11-25

  • JavaScript实现一个输入框组件

    这篇文章主要为大家详细介绍了JavaScript实现一个输入框组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-12

  • 基于Pytorch版yolov5的滑块验证码破解思路详解

    这篇文章主要介绍了基于Pytorch版yolov5的滑块验证码破解思路详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-02-25

  • jQuery实现发送验证码控制按钮禁用功能

    最近接到新需求，需要实现一个点击发送验证码之后，按钮禁用，在5秒之后取消禁用，看似需求很简单，实现起来还真的好好动动脑筋，下面小编把jquery控制按钮禁用核心代码分享给大家，需要的朋友参考下吧...2021-07-24

  • 工信部的ICP备案网站登录时验证码一直输入不正确怎么回事

    工信部的ICP备案网站登录时验证码一直输入不正确怎么回事,为了防止一些机器采集人工信部对于查询验证做得识别度极低，所以许多的朋友都会发现输入验证码一直有问题了，那...2016-10-10

  • C#自定义IP输入框控件

    这篇文章主要为大家详细介绍了C#自定义IP输入框控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25

  • 如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

    从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本，下面通过本文给大家介绍下如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标...2017-01-09

  • JavaScript判断按钮被点击的方法

    javascript代码判断按钮是否被点击了在项目中经常会遇到这个需求，今天小编抽点时间给大家分享一段代码关于javascript判断按钮是否被点击的方法，感兴趣的朋友一起学习吧...2015-12-14