input:hidden的作用
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用
(隐藏只是在网页页面上面不显示输入框,但是虽然隐藏了,还是具有form传值功能。
一般用来传值,而不必让用户看到。)
基本语法:
<input type="hidden" name="field_name" value="value">
作用:
1 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
2 有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼。
3 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上οnclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
4 有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。
5 JavaScript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。
6 还有个例子,比如按一个按钮弹出四个小窗口,当点击其中的一个小窗口时其他三个自动关闭.可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口看到那个隐藏域的值是close时就自己关掉。
例子: 使用hidden实现点击提交按钮数字加1
数值自增.htm
代码如下:
<form action="数值自增.ashx" method="post">
<input type="hidden" name="_viewstate" value="a" />
<input type="hidden" name="_div" value="@n" />
<!-- <input name="txt" type="text" value="@value" />-->
<div>@n</div>
<input type="submit" value="click" />
</form>
使用一般处理程序实现
数值自增.ashx
代码如下:
int n = 0;
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/html";
string path = context.Request.MapPath("数值自增.htm");
string html = System.IO.File.ReadAllText(path);
//判断页面是否是第一次加载
string viewstate = context.Request.Form["_viewstate"];
if (!string.IsNullOrEmpty(viewstate))
{
//点击按钮 post
//获取隐藏域的值
string s = context.Request.Form["_div"];
if (int.TryParse(s, out n))
{
n++;
html = html.Replace("@n",n.ToString());
}
}
else
{
//页面首次加载,给div和div对应的隐藏域赋值
html = html.Replace("@n", n.ToString());
}
context.Response.Write(html);
}
input:hidden的作用相关推荐
- input 属性hidden 的作用
<input type="hidden"/> 属性hidden的作用 将不想展示给用户,但是要提交给服务器的数据保存在隐藏域中
- html中隐藏域hidden的作用介绍及使用方法,一看就会!!!
❤️html中隐藏域hidden的作用介绍及使用方法❤️ 前言 一.定义和用法 二.隐藏域hidden的作用 三.实例 前言 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信 ...
- input hidden用法
之前获取数据传数据,都是写在全局变量里,今天老板告诉我说用input hidden来存,我百度了一下,确实是个好方法,记录之: 1 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或 ...
- html给隐藏域赋值,selenium webDriver给隐藏域赋值 input hidden set value
//直接这样无法给input hidden赋值 // driver.findElement(By.id("image_default")).sendKeys("a1112 ...
- html 中表单元素input type=hidden的作用
转自:https://blog.csdn.net/xiaobing_122613/article/details/54946559 (隐藏只是在网页页面上面不显示输入框,但是虽然隐藏了,还是具有for ...
- 表单元素input type=”hidden”的作用
隐藏域在页面中对于用户是不可见的,在表单插入中隐藏域的目的在于收集和发送信息,以利于被处理表单的程序所使用 注:隐藏只是在网页页面上不显示输入框,但是虽然隐藏了,还是具有form传值功能.一般用来传值 ...
- input所有属性及作用
type:该属性是input标签里唯一的必须输入的属性,当然,也可以不填,默认为type = "text". required:标记一个字段是否为必须.如果一个字段被标记为requ ...
- html中隐藏域hidden的作用
基本语法: <input type="hidden" name="field_name" value="value"> 作用: ...
- html+input+hidden,input type=hidden
input type="hidden" 的"hidden"设web开发者包括能够当表单提交不会被用户看到或修改的数据.例如,当前正在订购或编辑的内容的ID,或唯 ...
最新文章
- 亚马逊马超:如何使用DGL进行大规模图神经网络训练?
- AudioStreamer电话打进时崩溃
- Ice “Hello World”的实现
- 个人博客满血复活,求测试~~~
- 2000坐标转换成经纬度_ArcGIS中的坐标问题快问快答
- GridSearchCV与RandomizedSearchCV
- TensorRT学习笔记7 - 保存与读取序列化的结果
- 2013\Province_Java_A\2.振兴中华
- 长连接和Keepalive
- 第148天:js+rem动态计算font-size的大小,适配各种手机设备
- 使用Kubectl部署应用
- 【window】git安装教程
- 开源信息系统开发平台之OpenExpressApp框架 1.1 春节飞虎版发布
- igbt原理动画演示视频_IGBT的结构与工作原理 测量方法详细讲解
- Ubuntu开机无桌面图标
- 51单片机实战之电子时钟
- CyberCat赛博猫,进阶版AXIE
- 小程序源码:喝酒神器新UI版本带特效和音效,-多玩法安装简单
- 隐藏桌面和控制面板网络连接
- mysql数据库密码破解方法
热门文章
- spring缓存与Redis
- 跳一跳外挂的python实现--OpenCV步步精深
- 获取字符串全排列 或者 只输出k个的组合
- delphi操作xml学习笔记 之一 入门必读
- 数据结构上机实践第三周项目1
- 【字符串】面试题之键值对(”key = valude”)字符串
- 安装kepserver找不到根证书_考完二手车评估师证书却找不到工作,面试官的话让我记忆犹新!...
- python将对象放入列表根据某个属性排升序_python实现对象列表根据某个属性排序的方法详解...
- origin9语言设置中文_《英雄联盟手游》界面翻译图 LOL手游界面设置全翻译图一览...
- java set 的使用_Java中Set集合的使用