本文介绍了一个简单的HTML页面，该页面包含一个登录表单，并利用JavaScript来实现记住用户名和密码的功能。通过设置和读取Cookie，可以使得下次用户访问时能够自动填充之前的登录信息。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form id="form1" action="">
用户名: <input type="text" id="user" /><br /> 密 码: <input type="password" id="pass" /><br />
<input type="checkbox" id="ch1" />记住用户名<br />
<input type="checkbox" id="ch2" />记住密码<br />
<input type="submit" />
</form>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var form1 = document.getElementById("form1"),
user = document.getElementById("user"),
pwd = document.getElementById("pass"),
ch1 = document.getElementById("ch1"),
ch2 = document.getElementById("ch2");
// 从cookie中获取user/pwd
if(getCookie("user")) {
user.value = getCookie("user");
ch1.checked = true;
}
var pwdT = getCookie("pwd");
if(pwdT) {
pwd.value = pwdT;
ch2.checked = true;
}
// 当表单上的submit按钮按下 触发该事件
form1.onsubmit = function() {
// 判断checked属性 把用户名和密码 写入cookie
if(ch1.checked) {
setCookie("user", user.value,2);
} else {
removeCookie("user");
}
if(ch2.checked) {
setCookie("pwd", pwd.value,3);
} else {
removeCookie("pwd");
}
}
</script>
</body>
</html>
扫一扫
1725
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
