萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> html中隱藏域hidden的作用介紹及使用示例

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);
}

copyright © 萬盛學電腦網 all rights reserved