JS中input表單隱藏域及其使用方法
一、表單隱藏域
隱藏域是用來收集或發(fā)送信息的不可見元素,對于網(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 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(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表單隱藏域及其使用方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(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絕對路徑的方法(推薦)
- 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)文章
JavaScript實(shí)現(xiàn)垂直滾動(dòng)條效果
這篇文章為大家詳細(xì)主要介紹了JavaScript實(shí)現(xiàn)垂直滾動(dòng)條效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01
js實(shí)現(xiàn)tab選項(xiàng)卡函數(shù)代碼
js實(shí)現(xiàn)tab選項(xiàng)卡函數(shù)代碼,需要的朋友可以參考下,這樣的代碼也是比較常用的,相當(dāng)原理也比較簡單。2010-04-04
詳述 Sublime Text 打開 GBK 格式中文亂碼的解決方法
這篇文章主要介紹了詳述 Sublime Text 打開 GBK 格式中文亂碼的解決方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-10-10
javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法,實(shí)例分析了父窗口與子窗口之間傳遞參數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
javascript 兼容所有瀏覽器的DOM擴(kuò)展功能
技術(shù)文章寫得少,所以有時(shí)候想寫點(diǎn)什么卻下不了手,不知道該寫什么;往往到了準(zhǔn)備要寫的時(shí)候才發(fā)現(xiàn)自己想寫的東西其實(shí)很無聊,甚至覺得很幼稚,于是又關(guān)掉了編緝器2012-08-08
javascript實(shí)現(xiàn)的動(dòng)態(tài)文字變換
javascript實(shí)現(xiàn)的動(dòng)態(tài)文字變換...2007-07-07
js實(shí)現(xiàn)0ms延時(shí)定時(shí)器的幾種方式
本文主要介紹了js實(shí)現(xiàn)0ms延時(shí)定時(shí)器的幾種方式,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-07-07

