<input type="text" id="username">
<input type="checkbox" id="remember">记住用户名
var username = document.querySelector('#username')
var remember = document.querySelector('#remember')
// 判断本地存储有username记录,将值传给输入框,让checkbox状态为true
if (localStorage.getItem('username')) {
username.value = localStorage.getItem('username')
remember.checked = 'true'
}
// checkbox变化
remember.addEventListener('change', function() {
if (this.checked) {
// 设置属性
localStorage.setItem('username', username.value)
} else {
// 取消勾选,移除username
localStorage.removeItem('username')
}
})