什麼是隱藏域

来源:http://www.cnblogs.com/yangzailu/archive/2016/11/18/6077367.html
-Advertisement-
Play Games

作用: 1 隱藏域在頁面中對於用戶是不可見的,在表單中插入隱藏域的目的在於收集或發送信息,以利於被處理表單的程式所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到伺服器。 2 有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如sessionkey,等等.當然這些 ...


隱藏域其實是html網頁代碼中的隱藏類表單的標簽,可以在裡面寫入值集,但在網頁錶面上是不會顯示出來的。具體形式<input type="hidden" name="" id="" value="123456"/>。
可見type="hidden"就表示它是隱藏域,在value中保存一些值集,通過name、id或其他方式進行獲取和修改。
它有很多作用例如:傳值、安全,都會用到的,當你缺什麼值就可以在頁面隱藏傳值,頁面不顯示。功能與其他的input一樣,只不過用戶不能直接看見,用來輔助伺服器完成一些動作。


隱藏域在頁面中對於用戶是不可見的,在表單中插入隱藏域的目的在於收集或發送信息,以利於被處理表單的程式所使用,下麵為大家詳細介紹下此隱藏域在實際中時如何使用的:
基本語法:
<input type="hidden" name="field_name" value="value">

作用:

1 隱藏域在頁面中對於用戶是不可見的,在表單中插入隱藏域的目的在於收集或發送信息,以利於被處理表單的程式所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到伺服器。

2 有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如sessionkey,等等.當然這些東西也能用cookie實現,但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持,用戶禁用cookie的煩惱。

3 有些時候一個form里有多個提交按鈕,怎樣使程式能夠分清楚到底用戶是按那一個按鈕提交上來的呢?我們就可以寫一個隱藏域,然後在每一個按鈕處加上onclick="document.form.command.value="xx""然後我們接到數據後先檢查command的值就會知道用戶是按的那個按鈕提交上來的。

4 有時候一個網頁中有多個form,我們知道多個form是不能同時提交的,但有時這些form確實相互作用,我們就可以在form中添加隱藏域來使它們聯繫起來。

5 javascript不支持全局變數,但有時我們必須用全局變數,我們就可以把值先存在隱藏域里,它的值就不會丟失了。

6 還有個例子,比如按一個按鈕彈出四個小視窗,當點擊其中的一個小視窗時其他三個自動關閉.可是IE不支持小視窗相互調用,所以只有在父視窗寫個隱藏域,當小視窗看到那個隱藏域的值是close時就自己關掉。




您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 初學JavaScript的時候有人會認為JavaScript不是一門面向對象的語言,因為JS是沒有類的概念的,但是這並不代表JavaScript沒有對象的存在,而且JavaScript也提供了其它的方式來解決面向對象的問題。所以JavaScript也是一門面向對象的語言。 面向對象僅僅是一個概念或者 ...
  • 總結一下一些知識。 1.利用CSS穿透 常見發生場景:假如我們需要通過input,type=‘file’來上傳文件,而這個input的預設樣式,可以說是非常地“不人道”。所以我們希望通過一張圖片,與這個input大小一樣,位置一致地蓋在上面。這個時候,顯然,這個時候點擊圖片,input是不會起作用的 ...
  • 一:移動端基礎事件 1.touchstart 手指觸摸 == mousedown 2.touchend 手指抬起 == mouseup3.touchmove 手指抬起 == mousmovetouch事件 在 chrome的模擬器下,部分版本 通過on的方式來添加事件無效所以在移動端一般都使用如下方 ...
  • 引子 瀏覽器URl地址,上網一定會用到,但是瀏覽器地址有中文或者瀏覽器url參數操作的時候,經常會用到encodeURIComponent()和decodeURIComponent()以及encodeURI()等等。關於瀏覽器參數操作,請看文章http://www.haorooms.com/post ...
  • “Prototype”機制是個半成品OOP,有些文章說這玩意當初為了“簡單(編寫)、容易(學習)”而發明的,但web前端技術發展到今天我們看到,JS顯然是需要OOP的,或者說web前端程式規模增長,需要OOP等更強大、方便的特性、機制。真要簡單容易,你乾脆不要提供能讓人實現繼承的什麼prototyp ...
  • 構造函數、原型鏈: ...
  • 在我們使用php導入和導出excel表格的時候經常會見到 enctype="multipart/form-data",哪他的作用是什麼呢? ENCTYPE="multipart/form-data"用於表單里有圖片上傳。 <form name="userInfo" method="post" act ...
  • 最近用到了Dynatree的樹形結構,記錄一下它的用法。 需求: 1.jquery.js 2.jquery-ui.custom.js 3.jquery.cookie.js 下載dynatree,放到資源路徑下,在頁面引入ui.dynatree.css,jquery.dynatree.js。 以上是基 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...