HTML Form input hidden

input hidden 是表單中的隱藏欄位,顧名思義在網頁上不會顯示出來,常用來傳遞一些表單的參數,一個完整的 input hidden 隱藏欄位至少需要包含 name 與 value 這兩個部分,要注意的是當表單資料傳遞方式採用 get 的時候,隱藏欄位的 name 與 value 會顯示於網址欄。

HTML Form input hidden 隱藏欄位範例
<form>
 <input type="text" name="YourName">
 <input type="hidden" name="隱藏欄位名稱" value="隱藏欄位值">
 <input type="submit" value="送出表單">
</form>
呈現結果


範例中的 <input type="hidden" name="隱藏欄位名稱" value="隱藏欄位值"> 就是隱藏欄位,呈現結果只顯示了文字輸入欄位與送出表單的按鈕,並沒有顯示隱藏欄位,但是當網友送出表單後,input hidden 的值也將被送出,讓後端的程式處理。

建議 input hedden 的 name 與 value 均採用英文字母,大小寫都可以。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012