表單隱藏域type=hidden的作用

HTML中寫(xiě)表單的時(shí)候,寫(xiě)入這段代碼
<input type="hidden" name="#" value="#">
意思是在這里增加一個(gè)隱藏域。對(duì)于用戶來(lái)說(shuō),在頁(yè)面上隱藏域是不可見(jiàn)的。

隱藏域的作用:

  1. 隱藏域的作用是幫助表單收集和發(fā)送信息,便于后端處理數(shù)據(jù)。用戶點(diǎn)擊提交數(shù)據(jù)的時(shí)候,隱藏域的信息也被一起發(fā)送到了后端。

  2. 后端接收前端傳來(lái)的數(shù)據(jù),需要確認(rèn)前端的身份,是本公司的網(wǎng)頁(yè)傳來(lái)的數(shù)據(jù),而不是其他黑客知道后端地址后傳來(lái)的假數(shù)據(jù)。那么就加一個(gè)隱藏域,驗(yàn)證value里的值和數(shù)據(jù)庫(kù)里name的值是不是對(duì)應(yīng)的,類似于“天王蓋地虎,寶塔鎮(zhèn)河妖”,暗號(hào)對(duì)的上,才能證明是自己人,O(∩_∩)O~。

  3. 有時(shí)候一個(gè)表單里有多個(gè)提交按鈕,后端怎么知道用戶是點(diǎn)擊哪個(gè)按鈕提交過(guò)來(lái)的呢?這時(shí)候我們只要加隱藏域,對(duì)每一個(gè)按鈕起個(gè)名字(value值),后端接收到數(shù)據(jù)后,檢查value值,就能知道是哪個(gè)按鈕提交的了。

  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)掉。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,969評(píng)論 19 139
  • form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? 標(biāo)簽用于為用戶創(chuàng)建HTML表單,并向服務(wù)器...
    zx9426閱讀 607評(píng)論 0 1
  • 1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 924評(píng)論 0 1
  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中,表單是由form元素來(lái)表示的,但是在jav...
    linfree閱讀 2,214評(píng)論 3 17
  • 1. 需要先在plist文件添加字段 View controller-based status barappear...
    歌白尼閱讀 2,746評(píng)論 0 0