隐藏表单域是元素，它在页面不可见但必随表单提交，需同时设置name和value属性，适用于传递token、csrf标记等后端必需数据。
什么是隐藏表单域，为什么它能提交
隐藏表单域就是 <input type="hidden"> 元素，它在页面上不可见，但会随表单一起被浏览器提交。关键在于：只要它在 <form></form> 内、没有被 disabled 或 name 为空，就一定会参与提交。
常见误解是“看不见=不提交”，其实恰恰相反——它比可见输入更“可靠”，因为用户无法手动修改（除非开控制台），适合传 token、来源页 ID、CSRF 标记等后端需要的上下文数据。
必须确保 name 和 value 都存在
如果只写 <input type="hidden" value="abc">，没有 name，那这个字段根本不会出现在提交数据里（无论 POST 还是 GET）。后端收不到任何键名，自然无法取值。
正确写法要同时指定两者：
<input type="hidden" name="page_id" value="123"><input type="hidden" name="csrf_token" value="aBcDeFgH">
注意：value 可以动态生成，比如用 JavaScript 赋值：
document.querySelector('input[name="timestamp"]').value = Date.now();
别用 display: none 或 visibility: hidden 替代 type="hidden"
用 CSS 隐藏普通 <input type="text"> 看似可行，但有隐患：
- 若用户禁用 CSS，输入框会意外暴露，可能被篡改
- 某些辅助技术（如读屏器）仍可能将其识别为可交互控件
-
disabled的表单控件即使有name也不会提交；而type="hidden"天然不支持disabled，避免误操作
真正需要隐藏且必须提交的字段，只用 <input type="hidden">，这是语义和行为双重保障。
提交后后端收不到？先检查这三点
隐藏域没生效，往往不是语法问题，而是逻辑位置或状态干扰：
- 确认该
<input>确实在<form></form>标签内部，且没有被嵌套在另一个表单或<template></template>中 - 检查是否有 JavaScript 在提交前清空了它的
value，或者重复设置了空字符串 - 用浏览器开发者工具的 Network 面板看实际发出的请求体（Request Payload），确认字段名和值是否出现——这是最直接的验证方式
特别容易忽略的是：多个同名 name 的隐藏域会全部提交（如循环生成），后端可能只取第一个，造成数据覆盖。务必保证 name 唯一，除非你明确需要数组式提交（此时需后端配合解析）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
