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>
  • 相关阅读:
    SQL 开窗函数
    使用 git 管理源代码
    mybatis常见问题
    es-删除记录
    Jmeter使用
    websocket在服务端获取客户端IP
    单点登录
    java中的HTTP客户端
    SpringBoot利用Redis管理分布式Session
    springboot中的统一异常处理
  • 原文地址:https://www.cnblogs.com/fujilong/p/4960536.html
Copyright © 2011-2022 走看看