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

