HTML 表單隱藏欄位 input type=hidden

HTML 表單有一個隱藏欄位是 input type=hidden,隱藏欄位的功能是用來儲存一些表單資訊,而不想要直接顯示在表單上,例如一些特定的參數、填寫時間戳記、登入記錄 ... 等,有許多種的應用都可以使用隱藏欄位來記錄,隱藏欄位的值(value)也會傳遞給後端的程式,每一個表單可以安插許多不同名稱的隱藏欄位,傳遞各種表單資訊。

HTML 表單隱藏欄位 input type=hidden 基本語法
<input type="hidden" name="隱藏欄位名稱" value="隱藏欄位值">
在表單的 input 標籤內使用 type="hidden" 就等於是宣告一個隱藏欄位,通常還會有 name 以及 value 兩個參數,分別代表欄位的名稱與欄位的值,這兩個部分可以自己填寫或是讓程式自動帶入,當網友送出表單後,後端的程式如 PHP 就可以根據 name 來接收這個隱藏欄位的值(value),以下為實際的寫法範例。

HTML 表單隱藏欄位 input type=hidden 範例
<form action="page.php" method="post">
<input type="hidden" name="age" value="50">
<input type="submit" name="send" value="送出表單">
</form>
呈現結果
因為隱藏欄位並不會在前台顯示,所以範例呈現的結果僅有看到一個按鈕,但是當網友將這個表單送出後,page.php 這支程式就可以接收到 name='age' 的隱藏欄位值(value="50")以及 name="send" 的按鈕值(value="送出表單"),共兩個值。

延伸閱讀2016-12-8 更新紀錄:感謝網友小明提出文中 hedden 更正為 hidden。
© Copyright webtech.tw Since 2010