隐藏字段通过type="hidden"创建，用于提交用户不可见的数据，如用户ID或CSRF令牌，常用于传递上下文、防伪造请求和保持状态，但不可存储敏感信息且需服务端验证。

在HTML中，隐藏字段（hidden field）是一种用户不可见的表单元素，常用于提交不需要用户干预的数据。它通过 input 标签的 type="hidden" 属性实现。

hidden隐藏输入框的基本语法

使用 type="hidden" 创建一个隐藏字段，它不会在页面上显示，但其值会随表单一起提交。

<input type="hidden" name="user_id" value="12345">

上面的代码定义了一个名为 user_id、值为 12345 的隐藏字段。用户看不到它，但在表单提交时，这个数据会被发送到服务器。

hidden字段的主要作用

隐藏字段在实际开发中非常实用，主要用于以下场景：

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

立即学习“前端免费学习笔记（深入）”；

• 传递上下文信息：比如当前用户的ID、会话token、页面来源等，这些数据需要提交但不应由用户修改。
• 防止重复提交或伪造请求：配合后端生成的一次性令牌（如CSRF token），增强安全性。
• 保持状态：在多步骤表单中，保存上一步的信息，便于流程控制。
• 统计与追踪：记录来源渠道、推广码等分析数据。

使用注意事项

虽然hidden字段对用户不可见，但并不安全。开发者工具可以轻易查看和修改其值，因此：

• 不要用它存储敏感信息，如密码、密钥等。
• 服务端必须验证所有hidden字段的值，不能盲目信任前端传来的数据。
• 合理命名字段，便于后期维护和调试。

基本上就这些。hidden字段是个简单但重要的HTML特性，正确使用能提升表单功能性和安全性。不复杂但容易忽略细节。