记录输入框本地记录用户名效果

<input type="text" id="username"> <input type="checkbox" id="remember">记住用户名 var username = document.querySelector('#username');var remember = document.querySelector('#remember');// 判断本地存储有username记录，将值传给输入框，让checkbox状态为trueif (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 {// 取消勾选，移除usernamelocalStorage.removeItem('username');}})

总结

以上是生活随笔为你收集整理的记录输入框本地记录用户名效果的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。