先来一段简单粗暴的HTML结构:
账号:<input type="text" id="user">
密码:<input type="password" id="pwd">
记住密码:<input type="checkbox" id="remember">
<button οnclick="fn()">登录</button>
以下是javascript代码:
var user = document.getElementById('user'),
pass = document.getElementById('pwd'),
check = document.getElementById('remember'),
localUser = localStorage.getItem('user') || ''; //获取到user的值并保存
localPass = localStorage.getItem('pass') || ''; //获取到pwd的值并保存
user.value = localUser;
pass.value = localPass;
if (localUser !== '' && localPass !== '') {
check.setAttribute('checked', '');
}
function fn(){
if (check.checked){
localStorage.setItem('user', user.value);
localStorage.setItem('pass', pass.value);
} else {
localStorage.setItem('user', '');
localStorage.setItem('pass', '');
}
}