码迷,mamicode.com
首页 > 其他好文 > 详细

登录界面 单击刷新验证码

时间:2015-11-12 23:30:10      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:

<!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>

 

登录界面 单击刷新验证码

标签:

原文地址:http://www.cnblogs.com/fujilong/p/4960536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!