zoukankan      html  css  js  c++  java
  • 登录界面 单击刷新验证码

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="css/studs.css">
    </head>
    <body>
        <form role="form" method="post" action="login">
            <table>
                <tr>
                    <TD>姓名:</TD>
                    <td><input type="text" name="name"></td>
                </tr>
                <tr>
                    <TD>密码:</TD>
                    <td><input type="password" name="pwd"></td>
                </tr>
                <tr>
                    <TD>验证码:</TD>
                    <td><input type="text" name="code">
                    <!-- <img src="img" onclick="this.src='img?'+Math.random()">  -->
                    <img src="img" id="cod" onclick="this.src='img?'+Math.random()"><a href="javascript:document.getElementById('cod').setAttribute('src','img?'+Math.random())">看不清</a></td>

    <td><input type="text" name="code"> <img id="img"
    src="img"> <a href="javascript:_chg();">看不清</a></td>


    </td> </tr> <tr> <td></td> <TD colspan="1"><input type="checkbox" name="remember" value="1">记住用户 <input type="checkbox" name="auto" value="1">自动登录 </TD> </tr> <tr> <td></td> <td><input type="submit" value="登录"></td> </tr> </table> </form> </body> <script type="text/javascript"> var cs = document.cookie;//name=Jack; addr=SDJN; rememberMe=Jack cs = cs.split("; "); for (var i = 0; i < cs.length; i++) { var c = cs[i].split("="); if (c[0] == 'rememberMe') { var name = c[1]; name = decodeURI(name);//解码 document.getElementsByName("name")[0].value = name; document.getElementsByName("remember")[0].checked = true; break; } }

    function _chg() {
    //获取到这个元素
    var img = document.getElementById("img");
    //直接设置src不会更新,因为这个地址与以前的地址一样。
    var d = new Date();//生成一个随机值 - 或是使用Math.random
    var url = "img?" + d.getTime();//每一次都是一个新的时间
    img.src = url;

    
    

    }

    </script>
    </html>
  • 相关阅读:
    文件下载与中文文件名乱码问题解决
    文件字符编码的转换
    HTML速记
    MySQL学习笔记——安装
    C#防止重复弹出多个窗体
    ASP.NET Gridview中自带的日期格式设置功能
    [转]MSDTC on server '''' is unavailable. 的解决办法
    [转]关于SQL中Between语句查询日期的问题
    [转]SQL触发器实例讲解
    SQL索引技巧_1
  • 原文地址:https://www.cnblogs.com/fujilong/p/4960536.html
Copyright © 2011-2022 走看看