JS中input表單隱藏域及其使用方法
一、表單隱藏域
隱藏域是用來收集或發(fā)送信息的不可見元素,對于網(wǎng)頁的訪問者來說,隱藏域是看不見的。當表單被提交時,隱藏域就會將信息用你設置時定義的名稱和值發(fā)送到服務器上。
代碼格式:
<input type="hidden" name="..." value="...">
屬性解釋:
type=”hidden”定義隱藏域;
name屬性定義隱藏域的名稱,要保證數(shù)據(jù)的準確采集,必須定義一個獨一無二的名稱;
value屬性定義隱藏域的值
例如:
<input type=”hidden” name=”ExPws” value=”dd”>
其實說白了就隱藏域不在前臺顯視的,跟表單的元素一樣.有名字有數(shù)值,只是在提交數(shù)據(jù)是不可見的
二、隱藏域的使用
隱藏域的使用,就是從表中取值ID值,或者別的變量值,但在頁面中不顯示,然后經(jīng)過的遞交到新一頁,通過request.form(“隱藏域名的name”)取出值。
舉例說明:
1、<input type=hidden name=coun value=<%=cc%>這里的隱藏域名為coun,值為<%=cc%>,假設前面cc=100的話,即值為100;
2、遞交表單到新頁面xx.asp;
3、在xx.asp頁中,使用request.write request.form(“coun”),則在頁面中顯示的值就是100
簡單來說就是:想要提取上一頁的某些信息,但在上一頁又不能顯示的這些東西就采用藏域
三、隱藏域的作用
1 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務器。
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 還有個例子,比如按一個按鈕彈出四個小窗口,當點擊其中的一個小窗口時其他三個自動關閉.可是IE不支持小窗口相互調用,所以只有在父窗口寫個隱藏域,當小窗口看到那個隱藏域的值是close時就自己關掉。
以上所述是小編給大家介紹的JS中input表單隱藏域及其使用方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- JS驗證input輸入框(字母,數(shù)字,符號,中文)
- vue.js 1.x與2.0中js實時監(jiān)聽input值的變化
- js監(jiān)聽input輸入框值的實時變化實例
- JS獲得多個同name 的input輸入框的值的實現(xiàn)方法
- JS文件上傳神器bootstrap fileinput詳解
- JS獲取input file絕對路徑的方法(推薦)
- JS通過正則限制 input 輸入框只能輸入整數(shù)、小數(shù)(金額或者現(xiàn)金) 兩位小數(shù)
- JavaScript獲取并更改input標簽name屬性的方法
- js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法
- js form表單input框限制20個字符,10個漢字代碼實例
相關文章
TypeScript中使用getElementXXX()的示例代碼
這篇文章主要介紹了TypeScript中使用getElementXXX()的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
JS實現(xiàn)定時任務每隔N秒請求后臺setInterval定時和ajax請求問題
這篇文章主要介紹了JS實現(xiàn)定時任務每隔N秒請求后臺setInterval定時和ajax請求 的相關資料,需要的朋友可以參考下2017-10-10
jsp js鼠標移動到指定區(qū)域顯示選項卡離開時隱藏示例
jsp js 鼠標移動到指定區(qū)域顯示選項卡示例,離開時隱藏,具體實現(xiàn)代碼如下,感興趣的朋友可以了解下哈,希望對你有所幫助2013-06-06
動態(tài)加載圖片路徑 保持JavaScript控件的相對獨立性
根據(jù)新界面的要求,需要一部分圖片來增強日期控件的美觀性??紤]到既要實現(xiàn)加載圖表的目標,又要保持控件的獨立性以便將來的移植。2010-09-09
JavaScript實現(xiàn)支持過期時間的數(shù)據(jù)緩存功能
這篇文章主要為大家詳細介紹了如何使用JavaScript實現(xiàn)支持過期時間的數(shù)據(jù)緩存功能,文中的示例代碼講解詳細,感興趣的小伙伴可以參考下2025-01-01

