output元素是HTML5语义化表单控件，专用于动态显示其他表单控件的计算结果，需配合JavaScript手动更新value属性，支持for属性关联、表单序列化及可访问性，不可用作通用容器。
output 元素不是“\_output”标签，它没有下划线
HTML5 中只有 ，不存在 <_output> 或类似变体。浏览器会直接忽略带下划线的自定义标签（如 <_output>），既不渲染也不提供任何语义或 API 支持。如果你在代码里写了 <_output>，它只是个无意义的未知元素，和写
output 标签的核心用途：显示计算结果
关键特性包括： 必须配合 JavaScript 手动更新内容； 立即学习“前端免费学习笔记（深入）”； 推荐做法： 直接设置 另外注意： 是语义化表单控件，专为「动态展示其他表单控件运算结果」而设计。它不是通用容器，也不替代 。典型场景是实时反馈用户输入引发的计算值，比如滑块相加、表单字段联动等。
for 属性，可显式关联多个表单控件（用空格分隔 ID）value 属性，JS 可直接读写（outputEl.value），无需操作 textContent
内时，会参与表单序列化（但默认不提交，除非设 name）如何正确使用 output 并绑定计算逻辑
不会自动计算。常见错误是只写 HTML 却没加 JS 监听，导致内容始终为空或静态。
添加 input 或 change 事件监听（优先用 input 实现即时响应）output.value
for 属性提升可访问性（屏幕阅读器能播报关联关系）容易忽略的细节：value 属性 vs textContent
output.textContent = '123' 虽然能显示，但会导致 output.value 仍为初始空字符串，破坏表单集成能力（例如调用 form.elements.sum.value 拿不到值）。务必统一用 .value。
实际项目中，很多人把它当成“带语义的 span”滥用，结果既没发挥表单集成优势，又增加了不必要的 DOM 节点。真要纯展示， 默认不可聚焦、不可编辑，无需加 readonly
display: block 后再当布局容器用value 属性作为初始值，但 JS 运行后应接管更新 更轻量；要用语义+交互，才值得上 。
