output标签在表单序列化时不会提交数据，因其不属于html规范定义的可提交控件，name属性被浏览器忽略，需通过hidden input、formdata.append或json手动传递值。
output 标签在表单序列化时**不会提交数据**，无论它是否在 form 内、是否有 name 属性、是否设置了 value。
这是它的设计本质决定的：它不是可提交控件（submitable control），浏览器明确将其排除在 FormData、form.submit() 和 form.serialize()（如 jQuery）之外。
常见错误现象：
-
<output name="total" value="123"></output>看起来像输入框，但后端收不到total字段 - 用
new FormData(form)打印结果，里面没有output对应的键值对 - 表单重置后
output.value清空了，但提交时依然没包含它——说明重置行为和提交行为是两套逻辑
为什么它不参与序列化？
HTML 规范中，只有以下元素才被认定为“可提交控件”：input（非 type="hidden" 以外的多数类型）、select、textarea、button（type=submit/reset）。output 不在此列，它的 name 属性被浏览器完全忽略。
想让服务端收到这个值，必须额外同步到真实可提交控件中：
- 添加一个
<input type="hidden" name="total">，并在 JS 中同步更新它的value - 提交前手动往
FormData里追加：formData.append('total', output.value) - 若用
fetch提交，直接把output.value作为 JSON 字段发送
注意兼容性陷阱：
- 某些旧版 Safari 曾短暂支持
output.name的序列化，但已被移除，不可依赖 -
for属性只影响可访问性，与提交行为零关系 - 即使
output在form内且设置了form="xxx"，也不改变其不可提交的本质
output 有 value 和 name 就误以为它“像 input”，而忘了翻规范确认它的参与资格。它只是个语义容器，不是数据管道。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
