HTML 網頁表單的隱藏欄位是做什麼用呢?

網頁設計的初學者應該都會學到 HTML 的表單這一個單元,因為網頁表單可算是網頁設計的基礎,同時也是網頁元素中使用量非常大的一種功能,HTML 的網頁表單是透過 form 標籤來宣告,其中可以有非常多不同的網頁元素,例如單行的文字輸入欄位、多行的文字輸入欄位、選項按鈕、下拉選單、按鈕 ... 等。

不過很多人可能不知道 HTML 表單中還有一個叫做隱藏欄位的元素,通常寫為 input type="hidden" 這樣,這個小東西又是做什麼用的呢?當各位有這個疑惑的時候,找到這篇就算你運氣好,這裡解釋給你聽囉!

既然稱為隱藏欄位,就是用來"隱藏"用的欄位,有時候網頁表單內會有一些重要資訊準備傳遞給接收端的 PHP 程式,可是又不想要顯示在螢幕上讓網友看到,這時候可以將資料儲存在隱藏欄位內,當網友填好資料並送出表單後,PHP 就可以接收到網友所填寫的資料以及隱藏欄位的內容,稍微做個比較給各位參考。
單行文字欄位:<input type="text" name="欄位名稱" value="欄位值">
隱藏欄位:<input type="hidden" name="隱藏欄位的名稱" value="隱藏欄位的值">
上面兩個例子可以看到隱藏欄位與一般的單行文字輸入欄位差別只在 type 的內容,隱藏欄位的 type 要設定為 hidden,這樣網友就不會在表單上看到這個欄位,關於 HTML 表單的設計以及隱藏欄位的使用規則,可以看以下的這些參考資訊網頁的內容。

參考資訊