的 for 属性仅提供语义关联，不触发自动更新；必须配合 oninput 事件或 JavaScript 手动计算并设置 output.value，且需注意类型转换、IE 不支持及移动端兼容性问题。
output 的 for 属性不触发自动更新，必须配 oninput 或 JS 手动更新
很多人以为写了 for="a b"，
真正起作用的是：oninput 事件（写在 <form></form> 上）或显式绑定的 JS 监听逻辑。常见错误是把 for 当成“绑定开关”，结果改了输入值，
-
for值必须严格匹配对应<input id="xxx">的id，大小写敏感、不能有前后空格 - 多个 ID 用空格分隔，如
for="unit-price quantity tax-rate"，但计算逻辑仍需你自己写 - 如果用
oninput，注意它在所有现代浏览器中都支持（包括 Safari 15.4+），但 IE 完全不支持<output></output>
多 input 关联 output 时，for 属性只是声明依赖，不是自动求和
比如要做「单价 × 数量 + 税」，你写 <output for="unit-price quantity tax"></output>，这行代码本身不做任何事。它只是告诉辅助技术：“这个输出依赖这三个字段”，仅此而已。
真正的计算必须由你提供：要么用 <form oninput="total.value = ..."></form>，要么用 JS 的 addEventListener('input', ...)。而且要注意类型转换 —— 所有 input.value 都是字符串，不转 Number() 或 parseFloat() 会拼接成 "100"+"2"+"0.1" → "10020.1"。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
- 推荐用
Number(x.value) || 0处理空值或非法输入，避免NaN - 若某 input 是
type="range"，它的value始终是字符串数字，可直接转，不用额外处理 - 不要在
oninput表达式里反复调用document.getElementById，性能差；提前取好引用更稳妥
output.value 和 innerHTML 的区别必须分清
JS 更新
-
output.value = "¥199.00"：设置值，同步更新文本节点，支持表单重置、无障碍读取、formdata.get()获取 -
output.innerHTML = "¥199.00"：破坏语义，插入 HTML 片段，可能被 XSS 利用，且重置表单时不会清空 - 即使 output 没设
name，value属性依然有效；而textContent虽安全，但不参与表单数据流
顺带一提：output.name 不是可选的——如果希望它在 form.submit() 或 new FormData(form) 中被提交，就必须设 name。
IE 不支持 output 标签，降级方案要提前准备
Internet Explorer 全系列都不支持 <output></output>，哪怕 IE11。如果你的项目还要兼容 IE，就不能只靠它。最简降级方式是：用 <span></span> 或 <div> 替代，并统一用 JS 控制；同时加一个 class 标识，比如 <code>class="output-fallback"，方便 CSS 区分样式。
别指望用 document.createElement('output') 来“打补丁”——IE 不识别该标签名，创建出来也是未知元素，样式和行为不可控。
- 检测是否支持：
'output' in document.createElement('div')在 IE 中返回false - 不要给 output 写
display: block后就不管宽度，数值位数变化（如 99 → 1000）会导致布局抖动，务必设min-width或固定width - 移动端 Safari 对
oninput的触发有时延（尤其软键盘收起后），建议加防抖或监听change作为补充
