hidden类型input的核心作用是悄悄携带上一步数据供后续步骤使用，不渲染但随表单提交；适用于传递非敏感的流程标识如step、token等，敏感信息须由服务端校验或重新获取。
hidden 类型的 input 标签在多页表单中，核心作用是**悄悄携带上一步的数据，不让用户看到，也不让用户修改**。它不渲染为可见控件，但提交时会和其他字段一样被发送到服务器，是跨步骤传递中间状态最轻量、最常用的方式。
保存上一步填写的关键数据
比如注册流程分三步：第一步填邮箱和密码，第二步填姓名和性别，第三步确认。用户进入第二步时，需要把邮箱和密码继续传下去，否则第三步提交时后端拿不到完整信息。这时就在第二步页面的表单里加：
这些字段不会显示，但随第二步的表单一起提交，后端就能在每一步都拿到完整上下文。
记录当前步骤序号或流程ID
避免用户跳转混乱或重复提交，常配合一个唯一标识。例如：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 用 hidden 输入框存当前 step=2，后端校验是否按顺序提交
- 存一个临时 token 或 session_id，用于绑定本次多步操作，防止跨会话篡改
- 存 redirect_url，告诉下一步该跳去哪（尤其在有分支逻辑时）
注意安全与数据有效性
hidden 字段可被用户轻易修改（开发者工具里直接改 value），所以绝不能放敏感信息（如密码明文、权限标志、金额），也不应依赖它做权限判断或业务校验。
正确做法是：
- 只传非敏感的、用于流程衔接的标识类数据（如 step、id、token）
- 关键数据由服务端从 session 或数据库重新查，而不是全信前端传来的 hidden 值
- 对 hidden 的值做基础校验（如 step 是否为数字、范围是否合理）
配合 JavaScript 动态更新更灵活
如果步骤间数据动态变化（比如选了某个选项后，下一步要带不同参数），可以用 JS 修改 hidden 字段的 value：
document.querySelector('input[name="next_param"]').value = selectedValue;
这样比每次手动拼 HTML 更可靠，也便于维护。但记住：JS 改的值依然可被篡改，逻辑校验仍必须放在后端。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
