JS中input表單隱藏域及其使用方法

一、表單隱藏域

隱藏域是用來收集或發(fā)送信息的不可見元素，對于網(wǎng)頁的訪問者來說，隱藏域是看不見的。當表單被提交時，隱藏域就會將信息用你設(shè)置時定義的名稱和值發(fā)送到服務(wù)器上。

代碼格式：

＜input type="hidden" name="..." value="..."＞

屬性解釋：

type=”hidden”定義隱藏域；

name屬性定義隱藏域的名稱，要保證數(shù)據(jù)的準確采集，必須定義一個獨一無二的名稱；

value屬性定義隱藏域的值

例如：

＜input type=”hidden” name=”ExPws” value=”dd”＞

其實說白了就隱藏域不在前臺顯視的,跟表單的元素一樣.有名字有數(shù)值,只是在提交數(shù)據(jù)是不可見的

二、隱藏域的使用

隱藏域的使用，就是從表中取值ＩＤ值，或者別的變量值，但在頁面中不顯示，然后經(jīng)過的遞交到新一頁，通過request.form(“隱藏域名的name”)取出值。

舉例說明：

１、<input type=hidden name=coun value=<%=cc%>這里的隱藏域名為coun，值為<%=cc%>，假設(shè)前面cc=100的話，即值為100；

２、遞交表單到新頁面xx.asp；

３、在xx.asp頁中，使用request.write request.form(“coun”)，則在頁面中顯示的值就是100

簡單來說就是：想要提取上一頁的某些信息，但在上一頁又不能顯示的這些東西就采用藏域

三、隱藏域的作用

1 隱藏域在頁面中對于用戶是不可見的，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候，隱藏域的信息也被一起發(fā)送到服務(wù)器。

2 有些時候我們要給用戶一信息，讓他在提交表單時提交上來以確定用戶身份，如sessionkey，等等．當然這些東西也能用cookie實現(xiàn)，但使用隱藏域就簡單的多了．而且不會有瀏覽器不支持，用戶禁用cookie的煩惱。

3 有些時候一個form里有多個提交按鈕，怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢？我們就可以寫一個隱藏域，然后在每一個按鈕處加上onclick=”document.form.command.value=”xx”“然后我們接到數(shù)據(jù)后先檢查command的值就會知道用戶是按的那個按鈕提交上來的。

4 有時候一個網(wǎng)頁中有多個form，我們知道多個form是不能同時提交的，但有時這些form確實相互作用，我們就可以在form中添加隱藏域來使它們聯(lián)系起來。

5 javascript不支持全局變量，但有時我們必須用全局變量，我們就可以把值先存在隱藏域里，它的值就不會丟失了。

6 還有個例子，比如按一個按鈕彈出四個小窗口，當點擊其中的一個小窗口時其他三個自動關(guān)閉．可是IE不支持小窗口相互調(diào)用，所以只有在父窗口寫個隱藏域，當小窗口看到那個隱藏域的值是close時就自己關(guān)掉。

以上所述是小編給大家介紹的JS中input表單隱藏域及其使用方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！