<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
window.onload = function() {
if (document.cookie != "") {
getCookies();
}}
function login()
{
var username=document.getElementById('username').value;
var password=document.getElementById('password').value;
if (document.getElementById('cookiesbox').checked) {
setCookies(username, password);
window.open("http://hi.baidu.com/mahaibao");
}
}
function setCookies(username, password) {
var Then = new Date();
Then.setTime(Then.getTime() + 365 * 24 * 60 * 60 * 1000);
document.cookie = "username=" + username + "&password=" + password + "&;expires=" + Then.toGMTString();
alert(document.cookie);
}
function getCookies() {
var cookieString = new String(document.cookie);
if (cookieString.indexOf("&") > 0) {
var cooke = cookieString.split("&");
document.getElementById("username").value = cooke[0].substring(cooke[0].indexOf("=") + 1, cooke[0].length);
document.getElementById("password").value = cooke[1].substring(cooke[1].indexOf("=") + 1, cooke[1].length);
}
}
</script>
</HEAD>
<BODY>
用户名： <input type="text" name="username" id="username" ><br>
密码 ： <input type="text" name="password" id="password" ><br>
<INPUT TYPE="checkbox" NAME="cookiesbox" id="cookiesbox">记住密码
<input name="button" id="button" type="button" value="提交" onClick="login();">
</BODY>
</HTML>
例图如下 ：
选中记住密码 状态 ；
没有 选中记住密码 状态 ；
刷新之后的状态 ！
