html中掩藏域hidden的功效详细介绍及应用示例

基础英语的语法:

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

功效:

1 掩藏域在网页页面中针对客户是不能见的,在表单中插进掩藏域的目地在于搜集或推送信息内容,以利于被解决表单的程序流程所应用。访问者点击推送按钮推送表单的情况下,掩藏域的信息内容也被1起推送到服务器。

2 一些情况下大家要给客户1信息内容,让他在递交表单时递交上来以明确客户身份,如sessionkey,这些.自然这些物品也能用cookie完成,但应用掩藏域就简易的多了.并且不容易有访问器不适用,客户禁用cookie的苦恼。

3 一些情况下1个form里有好几个递交按钮,如何使程序流程可以分清晰究竟客户是按那1个按钮递交上来的呢?大家便可以写1个掩藏域,随后在每个按钮处再加onclick="document.form.command.value="xx""随后大家接到数据信息后先查验command的值就会了解客户是按的那个按钮递交上来的。

4 有时1个网页页面中有好几个form,大家了解好几个form是不可以另外递交的,但有时这些form的确互相功效,大家便可以在form中加上掩藏域来使它们联络起来。

5 javascript不适用全局性自变量,但有时大家务必用全局性自变量,大家便可以把值先存在掩藏域里,它的值就不容易遗失了。

6 也有个事例,例如按1个按钮弹出4个小对话框,当点一下在其中的1个小对话框时别的3个全自动关掉.但是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>

应用1般解决程序流程完成

标值自增.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);
//分辨网页页面是不是是第1次载入
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);
}