隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用

(隐藏只是在网页页面上面不显示输入框,但是虽然隐藏了,还是具有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的作用相关推荐

  1. input 属性hidden 的作用

    <input   type="hidden"/> 属性hidden的作用 将不想展示给用户,但是要提交给服务器的数据保存在隐藏域中

  2. html中隐藏域hidden的作用介绍及使用方法,一看就会!!!

    ❤️html中隐藏域hidden的作用介绍及使用方法❤️ 前言 一.定义和用法 二.隐藏域hidden的作用 三.实例 前言 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信 ...

  3. input hidden用法

    之前获取数据传数据,都是写在全局变量里,今天老板告诉我说用input hidden来存,我百度了一下,确实是个好方法,记录之: 1 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或 ...

  4. html给隐藏域赋值,selenium webDriver给隐藏域赋值 input hidden set value

    //直接这样无法给input hidden赋值 // driver.findElement(By.id("image_default")).sendKeys("a1112 ...

  5. html 中表单元素input type=hidden的作用

    转自:https://blog.csdn.net/xiaobing_122613/article/details/54946559 (隐藏只是在网页页面上面不显示输入框,但是虽然隐藏了,还是具有for ...

  6. 表单元素input type=”hidden”的作用

    隐藏域在页面中对于用户是不可见的,在表单插入中隐藏域的目的在于收集和发送信息,以利于被处理表单的程序所使用 注:隐藏只是在网页页面上不显示输入框,但是虽然隐藏了,还是具有form传值功能.一般用来传值 ...

  7. input所有属性及作用

    type:该属性是input标签里唯一的必须输入的属性,当然,也可以不填,默认为type = "text". required:标记一个字段是否为必须.如果一个字段被标记为requ ...

  8. html中隐藏域hidden的作用

    基本语法: <input type="hidden" name="field_name" value="value"> 作用: ...

  9. html+input+hidden,input type=hidden

    input type="hidden" 的"hidden"设web开发者包括能够当表单提交不会被用户看到或修改的数据.例如,当前正在订购或编辑的内容的ID,或唯 ...

最新文章

  1. 亚马逊马超:如何使用DGL进行大规模图神经网络训练?
  2. AudioStreamer电话打进时崩溃
  3. Ice “Hello World”的实现
  4. 个人博客满血复活,求测试~~~
  5. 2000坐标转换成经纬度_ArcGIS中的坐标问题快问快答
  6. GridSearchCV与RandomizedSearchCV
  7. TensorRT学习笔记7 - 保存与读取序列化的结果
  8. 2013\Province_Java_A\2.振兴中华
  9. 长连接和Keepalive
  10. 第148天:js+rem动态计算font-size的大小,适配各种手机设备
  11. 使用Kubectl部署应用
  12. 【window】git安装教程
  13. 开源信息系统开发平台之OpenExpressApp框架 1.1 春节飞虎版发布
  14. igbt原理动画演示视频_IGBT的结构与工作原理 测量方法详细讲解
  15. Ubuntu开机无桌面图标
  16. 51单片机实战之电子时钟
  17. CyberCat赛博猫,进阶版AXIE
  18. 小程序源码:喝酒神器新UI版本带特效和音效,-多玩法安装简单
  19. 隐藏桌面和控制面板网络连接
  20. mysql数据库密码破解方法

热门文章

  1. spring缓存与Redis
  2. 跳一跳外挂的python实现--OpenCV步步精深
  3. 获取字符串全排列 或者 只输出k个的组合
  4. delphi操作xml学习笔记 之一 入门必读
  5. 数据结构上机实践第三周项目1
  6. 【字符串】面试题之键值对(”key = valude”)字符串
  7. 安装kepserver找不到根证书_考完二手车评估师证书却找不到工作,面试官的话让我记忆犹新!...
  8. python将对象放入列表根据某个属性排升序_python实现对象列表根据某个属性排序的方法详解...
  9. origin9语言设置中文_《英雄联盟手游》界面翻译图 LOL手游界面设置全翻译图一览...
  10. java set 的使用_Java中Set集合的使用