php短视频源码，自动生成验证码，支持点击更换验证码数字

<!DOCTYPE html><br><html><br> <br><head><br>    <meta charset="UTF-8"><br>    <meta http-equiv="X-UA-Compatible" content="IE=edge"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <title>Document</title><br>    <style><br>        .v_code {<br>            width: 600px;<br>            margin: 0 auto;<br>        }<br> <br>        .v_code>input {<br>            width: 60px;<br>            height: 36px;<br>            margin-top: 10px;<br>        }<br> <br>        .code_show {<br>            overflow: hidden;<br>        }<br> <br>        .code_show span {<br>            display: block;<br>            float: left;<br>            margin-bottom: 10px;<br>        }<br> <br>        .code_show a {<br>            display: block;<br>            float: left;<br>            margin-top: 10px;<br>            margin-left: 10px;<br>        }<br> <br>        .code {<br>            font-style: italic;<br>            <br>            color: blue;<br>            font-size: 30px;<br>            letter-spacing: 3px;<br>            font-weight: bolder;<br>            float: left;<br>            cursor: pointer;<br>            padding: 0 5px;<br>            text-align: center;<br>        }<br> <br>        #inputCode {<br>            width: 100px;<br>            height: 30px;<br>        }<br> <br>        a {<br>            text-decoration: none;<br>            font-size: 12px;<br>            color: #288bc4;<br>            cursor: pointer;<br>        }<br> <br>        a:hover {<br>            text-decoration: underline;<br>        }<br>    </style><br></head><br> <br><body><br>    <div><br>        <div><br>            <span id="checkCode"></span><br>            <a id="linkbt">看不清换一张</a><br>        </div><br> <br>        <div><br>            <label for="inputCode">验证码：</label><br>            <input type="text" id="inputCode" /><br>            <span id="text_show"></span><br>        </div><br>        <input id="Button1" type="button" value="确定" /><br>    </div><br>    <script><br>        //6位数 0-9 a-f 随机生成，内容必须是0-9 a-f字符串<br>        window.onload = function () {<br>            var res = getCode();//当页面加载的时候调用下面获取6位字符串的方法<br>            document.getElementById('checkCode').innerText = res;//把它赋值给span显示<br> <br>            //获取6位字符串的方法<br>            function getCode() {<br>                //定义字符数组<br>                var arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];<br>                var str = '';//定义空的字符串，作为最终的结果接收它<br>                for (var i = 0; i < 6; i++) {<br>                    var num = Math.round(Math.random() * (15 - 0) + 0);//0-15的随机数<br>                    str += arr[num];//通过产生的随机数来获取数组中的内容<br>                }<br>                return str;<br>            }<br> <br> <br>            //当点击连接换一张时调用方法重新生成6位字符串赋值给span<br>            document.getElementById('linkbt').onclick = function () {<br>                document.getElementById('checkCode').innerText = getCode();<br>            }<br> <br>            //功能2：提交时进行验证输入是否正确<br>            document.getElementById('Button1').onclick = function () {<br>                var code = document.getElementById('checkCode').innerText;<br>                var inputCode = document.getElementById('inputCode').value;<br>                if (code != inputCode) {<br>                    alert('您输入的验证码不正确');<br>                    //让输入框为空，清空输入框<br>                    document.getElementById('inputCode').value = '';<br>                }<br>            }<br>        }<br> <br>    </script><br></body><br> <br></html>