本地储存与本地删除----localStorage.setItem与localStorage.removeItem----里边都有注释

    <input type="text" name="" id="q2">
    <input type="checkbox" name="" id="q1">用户账号
    <script>
        let q1 = document.querySelector('#q1')
        let q2 = document.querySelector('#q2')
        // if判断本地储存是否有name这个数据。如果有，执行里面的内容
        if (localStorage.getItem('name')) {
            // 打开页面把name里面的数据赋值给文本框
            q2.value = localStorage.getItem('name')
            // 打开页面如果执行里面的内容则给复选框选中（‘true’）
            q1.checked = true
        }
        // 复选框change触发事件，触发后判断是true还是false
        q1.addEventListener('change', function () {
            if (this.checked) {
                // 点击是true则保存数据localStorage.setItem
                localStorage.setItem('name', q2.value)
            } else {
                // 点击是false则删除里面的内容localStorage.removeItem
                localStorage.removeItem('name')
            }
        })
    </script>