go模板中checkbox保持勾选状态的关键是渲染时显式添加checked属性，而非存值；需传布尔字段如.issubscribed，并用{{if .issubscribed}}checked{{end}}控制，不可直接写{{.newsletter}}，且form上写type="checkbox"无效。
Go模板里怎么让checkbox保持勾选状态
关键不是“存值”，而是“渲染时决定是否加checked属性”。Go的html/template不会自动把true转成checked字符串，必须显式判断。
-
form标签上写type="checkbox"是无效且报错的——那是input的属性 - 后端要传一个布尔字段，比如
.IsSubscribed，模板里用{{if .IsSubscribed}}checked{{end}}插入属性 - 如果字段名是
newsletter，别直接写{{.newsletter}}，它输出的是true或false文本，不是属性 - 多个checkbox共用name（如
hobbies[]）时，需在后端把已选项做成切片，模板中用{{range}}遍历比对
HTML自定义元素（Web Components）如何带自动保存逻辑
不能只封装结构，得把localStorage监听和恢复逻辑塞进customElements.define的生命周期里。
- 在
connectedCallback里绑定input事件，但必须用防抖——中文输入法下input会高频触发，直接存会写入拼音碎片 - 键名必须含上下文隔离，比如
form-draft-${this.dataset.formId}-${this.name}，否则同域名多个组件互相覆盖 - 恢复逻辑不能放
constructor里——DOM还没挂载，this.querySelector('input')返回null；得等connectedCallback或adoptedCallback之后 - 对
slot内容里的表单字段，需递归遍历this.shadowRoot?.querySelectorAll('input, textarea, select')，不能只查light DOM
Vue/React组件里用模板渲染，怎么避免自动保存失效
框架接管了DOM更新，直接操作value或checked属性不管用，状态不会同步到响应式系统里。
- Vue中别用
el.value = draft，要用nextTick后调用formRef.value.setValue(...)（如react-hook-form）或v-model对应的响应式变量 - React中恢复草稿后，必须手动触发
onChange或调用setValue，否则表单控件显示旧值，但useFormState读不到 - 富文本组件（如
quill）不响应input事件，得监听其自有事件如text-change，并在回调里更新localStorage - 服务端校验失败后，别直接清空
localStorage——用户可能想改完再提，应保留草稿，只在最终submit成功后清除
哪些字段必须跳过自动保存
不是所有input都该存。安全和语义上必须排除的，硬编码跳过比靠配置更可靠。
- 明确排除
type="password"、type="tel"（防运营商注入）、data-no-autosave属性存在的字段 - name含
token、captcha、otp、verification的字段，正则匹配即可：/token|captcha|otp|verification/i.test(name) - 动态插入的字段（如JS新增一行表单），要在
insertAdjacentElement后立刻调用bindAutoSave(el)，否则监听器没挂上 - disabled或readonly字段跳过——它们本就不该被编辑，存了也没意义
实际最难的不是写保存逻辑，是判断“什么时候算真正可用了”：DOM挂载时机、框架响应式同步时机、输入法组合完成时机，三者稍有错位，草稿就填不进去或者填错位置。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
