<!--body部分 -->
<body>
<form>
<p>
<input type="text" name="username" class="uname" placeholder="用户名"/>
<input type="password" name="password" class="pword" placeholder="密码"/>
<input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住我</label>
<button id="btnSubmit" data-loading="正在验证登录，请稍后...">登录</button>
</p>
</form>
</body>
<!--js部分-->
<script type="text/javascript">
if(localStorage.uname){
$('.uname').val(localStorage.uname)
$('.pword').val(localStorage.pword)
document.querySelector('#rememberme').checked = true
}
// 这段代码放到form表单的button提交数据中
$('#btnSubmit').click(s =>{
var checked = document.querySelector('#rememberme').checked //获取是否选中
console.log(checked)
if(checked){
localStorage.uname = $('.uname').val()
localStorage.pword = $('.pword').val()
}else{
localStorage.clear() //清除缓存
}
})
</script>
