是表单中不渲染但会随提交发送至后端的字段，必须设 name 和 value 属性、置于 内；常见错误包括缺 name、脱离表单、js 赋值用错属性或时机不当，正确做法是静态声明或在 submit 事件中用 .value 动态赋值。
什么是 <input type="hidden">？
它就是表单里不显示、但会随提交一起发给后端的字段。浏览器渲染时完全不可见，DOM 中存在，submit 时和其他 input 一样被序列化。
怎么写才不会丢值？
常见错误是动态改 value 后没触发表单关联更新，或用 JS 赋值时写错属性名。正确做法：
- 静态写死：
<input type="hidden" name="token" value="abc123"> - JS 动态赋值必须用
.value（不是.innerHTML或.textContent）：document.querySelector('input[name="token"]').value = 'new_token_456'; - 如果用框架（如 React/Vue），别直接操作 DOM，走响应式数据流，否则可能提交旧值
为什么提交后后端收不到？
多数情况不是隐藏域本身的问题，而是以下原因：
-
name属性缺失或拼写错误——没有name的表单控件**不会参与提交** - 隐藏域不在
<form></form>标签内，或被嵌套在<div> 等非表单容器中 <li>用了 <code>form="xxx"属性但目标<form id="xxx"></form>不存在 - JS 提交前删掉了该节点，或设置了
disabled——disabled的控件也不会提交
和 data- 属性、dataset 有什么区别？
data- 是纯前端存储，**完全不会随表单提交**。有人误以为加个 data-id="123" 就能传到后端，其实不行。必须用 <input type="hidden"> 或其他可提交的表单控件（如 <textarea hidden></textarea>，但不推荐）。
真正要传数据，只认 name + 可提交控件。哪怕只是临时存个 ID、来源标记、CSRF token，都得走 input[type=hidden] 这条路。
容易忽略的是：多个同名 input[type=hidden] 会全部提交（后端收到数组），而不是覆盖。需要确认后端是否支持多值解析。
