JS中input表單隱藏域及其使用方法
一、表單隱藏域
隱藏域是用來(lái)收集或發(fā)送信息的不可見(jiàn)元素,對(duì)于網(wǎng)頁(yè)的訪問(wèn)者來(lái)說(shuō),隱藏域是看不見(jiàn)的。當(dāng)表單被提交時(shí),隱藏域就會(huì)將信息用你設(shè)置時(shí)定義的名稱和值發(fā)送到服務(wù)器上。
代碼格式:
<input type="hidden" name="..." value="...">
屬性解釋:
type=”hidden”定義隱藏域;
name屬性定義隱藏域的名稱,要保證數(shù)據(jù)的準(zhǔn)確采集,必須定義一個(gè)獨(dú)一無(wú)二的名稱;
value屬性定義隱藏域的值
例如:
<input type=”hidden” name=”ExPws” value=”dd”>
其實(shí)說(shuō)白了就隱藏域不在前臺(tái)顯視的,跟表單的元素一樣.有名字有數(shù)值,只是在提交數(shù)據(jù)是不可見(jiàn)的
二、隱藏域的使用
隱藏域的使用,就是從表中取值ID值,或者別的變量值,但在頁(yè)面中不顯示,然后經(jīng)過(guò)的遞交到新一頁(yè),通過(guò)request.form(“隱藏域名的name”)取出值。
舉例說(shuō)明:
1、<input type=hidden name=coun value=<%=cc%>
這里的隱藏域名為coun,值為<%=cc%>
,假設(shè)前面cc=100的話,即值為100;
2、遞交表單到新頁(yè)面xx.asp;
3、在xx.asp頁(yè)中,使用request.write request.form(“coun”)
,則在頁(yè)面中顯示的值就是100
簡(jiǎn)單來(lái)說(shuō)就是:想要提取上一頁(yè)的某些信息,但在上一頁(yè)又不能顯示的這些東西就采用藏域
三、隱藏域的作用
1 隱藏域在頁(yè)面中對(duì)于用戶是不可見(jiàn)的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候,隱藏域的信息也被一起發(fā)送到服務(wù)器。
2 有些時(shí)候我們要給用戶一信息,讓他在提交表單時(shí)提交上來(lái)以確定用戶身份,如sessionkey,等等.當(dāng)然這些東西也能用cookie實(shí)現(xiàn),但使用隱藏域就簡(jiǎn)單的多了.而且不會(huì)有瀏覽器不支持,用戶禁用cookie的煩惱。
3 有些時(shí)候一個(gè)form里有多個(gè)提交按鈕,怎樣使程序能夠分清楚到底用戶是按那一個(gè)按鈕提交上來(lái)的呢?我們就可以寫(xiě)一個(gè)隱藏域,然后在每一個(gè)按鈕處加上onclick=”document.form.command.value=”xx”“
然后我們接到數(shù)據(jù)后先檢查command的值就會(huì)知道用戶是按的那個(gè)按鈕提交上來(lái)的。
4 有時(shí)候一個(gè)網(wǎng)頁(yè)中有多個(gè)form,我們知道多個(gè)form是不能同時(shí)提交的,但有時(shí)這些form確實(shí)相互作用,我們就可以在form中添加隱藏域來(lái)使它們聯(lián)系起來(lái)。
5 javascript不支持全局變量,但有時(shí)我們必須用全局變量,我們就可以把值先存在隱藏域里,它的值就不會(huì)丟失了。
6 還有個(gè)例子,比如按一個(gè)按鈕彈出四個(gè)小窗口,當(dāng)點(diǎn)擊其中的一個(gè)小窗口時(shí)其他三個(gè)自動(dòng)關(guān)閉.可是IE不支持小窗口相互調(diào)用,所以只有在父窗口寫(xiě)個(gè)隱藏域,當(dāng)小窗口看到那個(gè)隱藏域的值是close時(shí)就自己關(guān)掉。
以上所述是小編給大家介紹的JS中input表單隱藏域及其使用方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(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)聽(tīng)input值的變化
- js監(jiān)聽(tīng)input輸入框值的實(shí)時(shí)變化實(shí)例
- JS獲得多個(gè)同name 的input輸入框的值的實(shí)現(xiàn)方法
- JS文件上傳神器bootstrap fileinput詳解
- JS獲取input file絕對(duì)路徑的方法(推薦)
- JS通過(guò)正則限制 input 輸入框只能輸入整數(shù)、小數(shù)(金額或者現(xiàn)金) 兩位小數(shù)
- JavaScript獲取并更改input標(biāo)簽name屬性的方法
- js與jquery實(shí)時(shí)監(jiān)聽(tīng)輸入框值的oninput與onpropertychange方法
- js form表單input框限制20個(gè)字符,10個(gè)漢字代碼實(shí)例
相關(guān)文章
JavaScript實(shí)現(xiàn)垂直滾動(dòng)條效果
這篇文章為大家詳細(xì)主要介紹了JavaScript實(shí)現(xiàn)垂直滾動(dòng)條效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01js實(shí)現(xiàn)tab選項(xiàng)卡函數(shù)代碼
js實(shí)現(xiàn)tab選項(xiàng)卡函數(shù)代碼,需要的朋友可以參考下,這樣的代碼也是比較常用的,相當(dāng)原理也比較簡(jiǎn)單。2010-04-04詳述 Sublime Text 打開(kāi) GBK 格式中文亂碼的解決方法
這篇文章主要介紹了詳述 Sublime Text 打開(kāi) GBK 格式中文亂碼的解決方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-10-10javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法,實(shí)例分析了父窗口與子窗口之間傳遞參數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01javascript 兼容所有瀏覽器的DOM擴(kuò)展功能
技術(shù)文章寫(xiě)得少,所以有時(shí)候想寫(xiě)點(diǎn)什么卻下不了手,不知道該寫(xiě)什么;往往到了準(zhǔn)備要寫(xiě)的時(shí)候才發(fā)現(xiàn)自己想寫(xiě)的東西其實(shí)很無(wú)聊,甚至覺(jué)得很幼稚,于是又關(guān)掉了編緝器2012-08-08javascript實(shí)現(xiàn)的動(dòng)態(tài)文字變換
javascript實(shí)現(xiàn)的動(dòng)態(tài)文字變換...2007-07-07js實(shí)現(xiàn)0ms延時(shí)定時(shí)器的幾種方式
本文主要介紹了js實(shí)現(xiàn)0ms延時(shí)定時(shí)器的幾種方式,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-07-07