<input type="text" id="username"> <input type="checkbox" id="remember">記住用戶名 var username = document.querySelector('#username');var remember = document.querySelector('#remember');// 判斷本地存儲有username記錄，將值傳給輸入框，讓checkbox狀態(tài)為trueif (localStorage.getItem('username')) {username.value = localStorage.getItem('username');remember.checked = 'true';}// checkbox變化remember.addEventListener('change', function() {if (this.checked) {// 設(shè)置屬性localStorage.setItem('username', username.value)} else {// 取消勾選，移除usernamelocalStorage.removeItem('username');}})

總結(jié)

以上是生活随笔為你收集整理的记录输入框本地记录用户名效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。