html中隐藏域hidden的作用介绍及使用示例

隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用,下面为大家详细介绍下此隐藏域在实际中时如何使用的,感兴趣的朋友不要错过了哈

 

基本语法:

<input type="hidden" name="field_name" value="value">

作用:

1 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

2 有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼。

3 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上 onclick="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);
}

时间: 2024-08-03 06:41:54

html中隐藏域hidden的作用介绍及使用示例的相关文章

网页制作中隐藏域的妙用

网页 在网页制作中,我们知道有一个input ="hidden"的属性,顾名思义它就是隐藏在网页中的的一个元素,并不在网页中显示出来. 那么它的作用是什么呢.作过cgi,asp,php,jsp等的朋友都知道有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼. 另外有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户

字段-获取表格中的动态隐藏域中的值

问题描述 获取表格中的动态隐藏域中的值 一个动态表格从数据库获取值,在一个列中有一个隐藏域有数据库的字段id,在js中获取这个这个字段的值,点击提交按钮获取当前列中隐藏域的值 出发日期 到达日期 反馈理由 提交 <script> function doSubmit(){ //获取隐藏域中的值 var id = $("#dateId").val(); alert(id); $.ajax({ url:"/order/"+id+"/update&qu

[Asp.Net]状态管理(Session、Application、Cache、Cookie 、Viewstate、隐藏域 、查询字符串)

原文:[Asp.Net]状态管理(Session.Application.Cache.Cookie .Viewstate.隐藏域 .查询字符串) Session:  1. 客户在服务器上第一次打开Asp.Net页面时,会话就开始了.当客户在20分钟之内没有访问服务器,会话结束,销毁session.(当然也可以在Web.config中设置缓存时间)可以在Global.aspx的Session_Start()事件处理程序中,可以初始化会话变量.在下面的实例中,名为mydata的会话状态被初始化为0:

网站优化中增加百度相关域的三大作用

在网站优化中,站长都知道百度相关域其实就相当于百度反向链接.不过很多站长都认为相关域的作用并不大.其实笔者不这么认为,就国内优化主要针对于百度搜索引挚而优化的网站而言,增加网站的百度相关域同样作用也是非常大的.毕竟这是向百度示好的途径之一.当然在网站优化中,百度相关域的作用其实被很多站长给忽视了.今天笔者谈谈在网站优化中,百度相关域有什么作用? 什么叫百度相关域,如图,其实就是网站的百度反向链接,用domain命令搜索出来的. 一.提高域名的流行度和知名度 现在可以查询锚文本外链的雅虎工具的关闭

SSH中update更新操作无效——要在隐藏域中传id

  一定要在隐藏域中放入主键id!     <s:form action="stu_tosave" theme="simple">    <input name="type" type="hidden" value="modifytype" />    <s:hidden name="student.stuId"></s:hidden>  

无线网中隐藏站点中的hidden node问题

这篇文章中我们谈一 谈如果你的无线网络出现冲突了怎么办的问题.IT专业人员应重视管理那些未受许可的Wi-Fi频谱,从而避免网络冲突并且优化WLAN网络应用的性能.这种管理要涉及到许多方面.冲突可由相互重叠的通道中信号的碰撞产生,此外,如果另一个操作员的802.11设备与你的设备争用频谱,或者某些非802.11设备在某频谱中运行,或者环境因素阻止或削弱了信号等等都可能导致冲突的发生.造成冲突的一个不太引人注意的罪魁祸首就是隐藏的节点.隐藏节点基本上属于位于WLAN访问点信号范围内的,但却又相互位于

在jsp中把隐藏域的值传到java后台

问题描述 <input type+"hidden" id="tagEweb" name="tagEweb" value="false" />不用from表单怎么把这个隐藏域的值传到action里面去,这个值是动态的会变 问题补充:Aubergine_kang 写道 解决方案 打个比方,你用的是struts2获取动态变量:<a href="javascript:void(0)" onclic

Flex中Array的IndexOf 的作用示例介绍_Flex

Flex中 Array 的IndexOf 的作用 1.说明 indexOf用于在索引中从小到大查找,如果查得到就返回索引值,查不到就返回-1: 2.实例 (1)设计源码 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://n

hibernate-下面代码里为什么要有hidden,hidden的作用,hidden返回的值是什么?

问题描述 下面代码里为什么要有hidden,hidden的作用,hidden返回的值是什么? function login(){ var hidden=document.getElementById("hidden").value; if(document.getElementById("username"+hidden).value ==""){ alert("用户名不能为空"); return false; }else i