首頁 > web前端 > html教學 > html中隱藏域hidden的作用介紹及使用範例

html中隱藏域hidden的作用介紹及使用範例

不言
發布: 2018-04-27 14:30:59
原創
1984 人瀏覽過

這篇文章主要介紹了關於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="_p" value="@n" /> 
<!-- <input name="txt" type="text" value="@value" />--> 
<p>@n</p> 
<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["_p"]; 
if (int.TryParse(s, out n)) 
{ 
n++; 
html = html.Replace("@n",n.ToString()); 
} 
} 
else 
{ 
//页面首次加载,给p和p对应的隐藏域赋值 
html = html.Replace("@n", n.ToString()); 
} 
context.Response.Write(html); 
}
登入後複製

#

以上是html中隱藏域hidden的作用介紹及使用範例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板