type = hidden 隐藏域有什么作用?

type = hidden 隐藏域有什么作用?

1、 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
2、 有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼。
3、 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上 onclick=”document.form.command.value=”xx”“然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
4、 有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。
5、 javascript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。
6、 还有个例子,比如按一个按钮弹出四个小窗口,当点击其中的一个小窗口时其他三个自动关闭.可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口看到那个隐藏域的值是close时就自己关掉。
如:
1、>
这里的隐藏域名为coun,值为<%=cc%>,假设前面cc=100的话,即值为100;
2、递交表单到新页面xx.asp;
3、在xx.asp页中,使用request.write request.form(“coun”),则在页面中显示的值就是100。

文/饥人谷_meiqi(简书作者)
原文链接:file:///F:/%E7%AB%8B%E4%BF%8A/type=hidden%E9%9A%90%E8%97%8F%E5%9F%9F%E6%9C%89%E4%BB%80%E4%B9%88%E4%BD%9C%E7%94%A8_%20%E4%B8%BE%E4%BE%8B%E8%AF%B4%E6%98%8E%20-%20%E7%AE%80%E4%B9%A6.html
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

<think>我们正在讨论HTML中input元素的hidden类型。根据引用[^1],隐藏域在页面中对用户不可见,用于收集和发送信息,以便处理表单的程序使用。它虽然不显示,但具有表单传值功能。</think>### HTML input type hidden作用和使用场景 在HTML表单中,`<input type="hidden">`元素用于存储不可见数据,这些数据会随表单提交但用户无法看到或修改。其主要作用和使用场景如下: #### 核心作用 1. **数据传递**:在客户端和服务器之间传递隐藏数据,例如:$session\_id$、$user\_token$ 等安全标识符 2. **状态保持**:存储页面状态信息(如表单步骤、操作类型),避免使用URL参数暴露敏感数据 3. **防CSRF攻击**:携带CSRF令牌(如:$csrf\_token = "a1b2c3d4"$),验证表单提交的合法性[^1] #### 典型使用场景 1. **多步骤表单** 存储已完成步骤的数据: ```html <form action="/step2" method="post"> <input type="hidden" name="step1_data" value="user_input_value"> <!-- 当前步骤的可见表单项 --> </form> ``` 2. **用户会话管理** 传递登录状态标识: ```html <form action="/checkout"> <input type="hidden" name="user_id" value="UA-20240520"> <input type="hidden" name="session_key" value="7x!k9PqZ"> </form> ``` 3. **CSRF防护** 配合服务器生成令牌: ```html <form action="/update_profile"> {% csrf_token %} <!-- Django示例 --> <!-- 或手动添加 --> <input type="hidden" name="csrf_token" value="GtY73$!kLp"> </form> ``` 4. **跟踪数据来源** 记录用户行为路径: ```html <input type="hidden" name="referral_source" value="newsletter_2024Q2"> ``` #### 注意事项 - **安全性**:不要存储敏感信息(如密码、信用卡号),因为隐藏域的值可通过浏览器开发者工具查看 - **数据验证**:服务器端必须验证所有隐藏字段,防止恶意篡改 - **替代方案**:现代应用建议优先使用HTTP-only Cookie或Session Storage存储敏感数据 > 引用说明:隐藏域通过在页面中插入不可见表单控件实现数据传递功能,虽然视觉上隐藏,但仍可通过HTML源码查看其值[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值