一、首先我們先來說說hidden屬性：
這是在html5中才新出來的一種屬性，在<p>標籤中能表示隱藏，瀏覽器看不到，看這個執行個體：
<html><head><meta charset="UTF-8"><title>php中文網</title></head><body> <p>這個段落沒有被隱藏。</p><p>這個段落沒有被隱藏。</p> <p hidden>這個段落應該被隱藏。</p><p>這個段落沒有被隱藏。</p><p>這個段落沒有被隱藏。</p></body></html>
我就在中間加了個hidden屬性，其它的和別的一樣，來看結果
只有四行，中間那一行消失了。
知道了這個屬性的基本用處之後，讓我們看看在表單中hidden屬性會代表怎麼樣的作用
二、表單hidden屬性的作用：
隱藏欄位在頁面中對於使用者是不可見的，在表單中插入隱藏欄位的目的在於收集或發送資訊，以利於被處理表單的程式所使用。瀏覽者點擊發送按鈕發送表單的時候，隱藏欄位的資訊也被一起發送到伺服器。
有些時候我們要給使用者資訊，讓他在提交表單時提交上來以確認身份，如：sessionkey,etc,當然這些東西也能用cookie實現，但使用隱藏欄位就簡單的多了，而且不會有瀏覽器不支援，使用者禁用cookie的煩惱。
有些時候一個form裡有多個提交按鈕，怎樣使程式能夠分清到底使用者是按哪一個按鈕提交上來的呢?我們就可以寫一個隱藏欄位，然後在每一個按鈕處加上onclick="document.form.command.value="xx""，然後我們接到資料後先檢查command的值就會知道使用者是按哪個按鈕提交上來的。
有些時候一個網頁中有多個form，我們知道多個form是不能同時提交的，但有時候form確實互相作用，我們就可以在form中添加隱藏欄位來使它們聯絡起來。
JavaScript不支援全域變數，但有時我們必須用全域變數，我們就可以把值先存在隱藏欄位裡，它的值就不會丟失了。
還有個例子，比如按一個按鈕彈出四個小視窗，當點擊其中的一個小視窗時其他三個自動關閉．可是IE不支援小視窗相互調用，所以只有在父視窗寫個隱藏欄位，當小視窗看到那個隱藏欄位的值是close時就自己關掉。
例子： 使用hidden實現點擊提交按鈕數字加1 ，數值自增.htm
<form action="數值自增.ashx" method="post"> <input type="hidden" name="_viewstate" value="a" /> <input type="hidden" name="_div" value="@n" /> <!-- <input name="txt" type="text" value="@value" />--> <div>@n</div> <input type="submit" value="click" /> </form>
好了，上述就是關於HTML5 hidden屬性在兩種地方的用法。有問題的可以在下面提問
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
