html5验证码,html5验证码代码

HTML 怎么写验证码

你好 验证码一般是由后台生成的图片，如果用HTML制作的话很容易被软件获取，如果要用HTML的话就用javascript生成随机数，然后在写一个英文字母的数组，然后用随机数来取下标吧，如果你只用数字验证码的话随机数就可以，不过验证码不建议用javascript制作。希望我的回答能够帮助到你，如果还有什么疑问可以继续追问。

相关问答

Q1: html验证码用什么标签

html验证码用验证码标签。

可以用JS做个简单的验证码 script language="javascript"var code; //在全局 定义验证码

function createCode(){ //创建验证码函数code = ""。

var codeLength =5;//验证码的长度var selectChar =newArray(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的。

主要流程：

比如我们要从一副图片中，识别出验证码；比如我们要从一副图片中，检测并识别出一张人脸。

1、图像采集：验证码呢，就直接通过HTTP抓HTML，然后分析出图片的url，然后下载保存就可以了。如果是人脸检测识别，一般要通过视屏采集设备，采集回来，通过A/D转操作，存为数字图片或者视频。

2、预处理：检测是正确的图像格式，转换到合适的格式，压缩，剪切出ROI，去除噪音，灰度化，转换色彩空间这些。

3、检测：车牌检测识别系统要先找到车牌的大概位置，人脸检测系统要找出图片中所有的人脸（包括疑似人脸）；验证码识别呢，主要是找出文字所在的主要区域。

Q2: 如何在HTML5设计中，增加登陆界面，采用手机注册，验证码，信息注册框等

要用手机验证码功能，你需要向通讯服务商（移动、联通、电信）申请一个号码，用于给客户发送验证短信

Q3: Html5与PHP制作验证码有什么不同

验证码必须由后端来做 前端只是显示了一张图片而已并不知道图片上验证码的内容 就php来说 原理是利用php的随机函数申城一串验证码存储到session 然后利用gd2吧验证码做成一张图片显示在前端 用户在输入验证码的时候是吧涌入输入的值与session的值作对比来确定用户是否输入正确

Q4: html5能做出类似验证码似的效果吗

你好，可以使用canvas编写出验证码效果，你可以参考

!DOCTYPE HTML

html lang="en"

meta charset="utf-8"

script type="text/javascript" src="js/jquery-1.8.3.min.js"/script

style

@charset "utf-8";

/* CSS Document */

body {

    background: url(images/img10.jpg) no-repeat fixed;

}

body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,hr,div {

    margin: 0;

    padding: 0;

}

body,input,select,textarea {

    color: #000;

    font: 12px/1.8 "微软雅黑", Arial, Helvetica, sans-serif;

}

img {

    border: 0;

    vertical-align: middle;

}

table {

    width: 100%;

    border: 0;

    border-collapse: collapse;

    border-spacing: 0;

}

ul,ol,li {

    list-style-type: none;

}

a {

    color: #000;

    outline: none;

    text-decoration: none;

}

a:hover {

    text-decoration: underline;

}

.contain {

    width: 500px;

    margin: 0 auto;

    padding-top: 200px;

}

/style

body

    div class="contain"

        canvas id="myCanvas" height="300px" width="500px"your browser does not support the canvas tag /canvas

        br / input type="text"

        button onClick="pass()"提交/button

    /div

/body

script type="text/javascript"

    var canvas = $("#myCanvas").get(0);

    var _canvas = $("#myCanvas").get(0).getContext("2d");

    var return_str = "";

    var _ifstart = false;

    var _B_x = 0;

    var _B_y = 0;

    function can_click() {

    };

    function pass() {

        var _val = $(":text:eq(0)").val();

        if (_val == return_str) {

            alert('您通过验证了！');

        } else {

            alert('您输入的验证码不正确！');

        }

        ;

    }

    function start() {

        try {

            function drawscreen() {

                _canvas.fillStyle = "#ffffaa";

                _canvas.fillRect(0, 0, 500, 300);

                _canvas.strokeStyle = "#000";

                _canvas.strokeRect(5, 5, 490, 290);

            }

            ;

            function write_text(_str) {

                _canvas.fillStyle = "#000000";

                _canvas.font = "20px _sans";

                _canvas.textBaseline = "top";

                _canvas.fillText(_str, 195, 80);

            }

            ;

            function getabc() {

                var _str = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,0,1,2,3,4,5,6,7,8,9";

                var _str_array = _str.split(",");

                return_str = "";

                for (i = 0; i  4; i++) {

                    var _rnd = Math.floor(Math.random() * _str_array.length);

                    return_str += _str_array[_rnd];

                }

                ;

            }

            ;

            drawscreen();

            getabc();

            write_text(return_str);

        } catch (e) {

            alert(e);

        }

    };

    $(document).ready(function(e) {

        start();

    });

/script

/html

希望可以帮助到你

Q5: 如何在html中的文本框中加入验证码

在html中的文本框中加入验证码，可以通过以下代码实现：

验证码通过GD生成PNG图片，并把$randval随机数字赋给

$_SESSION['login_check_num']，在通过用户输入的$_POST进行比较，来判断是否正确。达到需要实现的功能，需要修改php.ini文件，使php支持GD库。

?php

//调用此页面，如果下面的式子成立，则生成验证码图片

if($_GET["action"]=="verifycode")

{

rand_create();

}

//验证码图片生成

function rand_create()

{

//通知浏览器将要输出PNG图片

Header("Content-type: image/PNG");

//准备好随机数发生器种子

srand((double)microtime()*1000000);

//准备图片的相关参数

$im = imagecreate(62,20);

$black = ImageColorAllocate($im, 0,0,0); //RGB黑色标识符 $white =

ImageColorAllocate($im, 255,255,255); //RGB白色标识符 $gray = ImageColorAllocate($im,

200,200,200); //RGB灰色标识符 //开始作图

imagefill($im,0,0,$gray);

while(($randval=rand()%100000)10000);{

$_SESSION["login_check_num"] = $randval;

//将四位整数验证码绘入图片

imagestring($im, 5, 10, 3, $randval, $black);

}

//加入干扰象素

for($i=0;$i200;$i++){

$randcolor =

ImageColorallocate($im,rand(0,255),rand(0,255),rand(0,255));

imagesetpixel($im, rand()%70 , rand()%30 , $randcolor); }

//输出验证图片

ImagePNG($im);