一、首先我們先來(lái)說(shuō)說(shuō)hidden屬性：

這是在html5中才新出來(lái)的一種屬性，在 p 標(biāo)簽中能表示隱藏，瀏覽器看不到，看這個(gè)實(shí)例：

 html  head  meta charset= UTF-8  title php  /title  /head  body  p 這個(gè)段落沒(méi)有被隱藏。 /p  p 這個(gè)段落沒(méi)有被隱藏。 /p  p hidden 這個(gè)段落應(yīng)該被隱藏。 /p  p 這個(gè)段落沒(méi)有被隱藏。 /p  p 這個(gè)段落沒(méi)有被隱藏。 /p  /body  /html 

我就在中間加了個(gè)hidden屬性，其它的和別的一樣，來(lái)看結(jié)果

如圖只有四行，中間那一行消失了。

知道了這個(gè)屬性的基本用處之后，讓我們看看在表單中hidden屬性會(huì)代表怎么樣的作用

二、表單hidden屬性的作用：

隱藏域在頁(yè)面中對(duì)于用戶是不可見的，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用。瀏覽者點(diǎn)擊發(fā)送按鈕發(fā)送表單的時(shí)候，隱藏域的信息也被一起發(fā)送到服務(wù)器。

有些時(shí)候我們要給用戶信息，讓他在提交表單時(shí)提交上來(lái)以確認(rèn)身份，如：sessionkey,etc,當(dāng)然這些東西也能用cookie實(shí)現(xiàn)，但使用隱藏域就簡(jiǎn)單的多了，而且不會(huì)有瀏覽器不支持，用戶禁用cookie的煩惱。

有些時(shí)候一個(gè)form里有多個(gè)提交按鈕，怎樣使程序能夠分清到底用戶是按哪一個(gè)按鈕提交上來(lái)的呢?我們就可以寫一個(gè)隱藏域，然后在每一個(gè)按鈕處加上 quot;document.form.command.value= xx ，然后我們接到數(shù)據(jù)后先檢查command的值就會(huì)知道用戶是按哪個(gè)按鈕提交上來(lái)的。

有些時(shí)候一個(gè)網(wǎng)頁(yè)中有多個(gè)form，我們知道多個(gè)form是不能同時(shí)提交的，但有時(shí)候form確實(shí)互相作用，我們就可以在form中添加隱藏域來(lái)使它們聯(lián)系起來(lái)。

JavaScript不支持全局變量，但有時(shí)我們必須用全局變量，我們就可以把值先存在隱藏域里，它的值就不會(huì)丟失了。

還有個(gè)例子，比如按一個(gè)按鈕彈出四個(gè)小窗口，當(dāng)點(diǎn)擊其中的一個(gè)小窗口時(shí)其他三個(gè)自動(dòng)關(guān)閉．可是IE不支持小窗口相互調(diào)用，所以只有在父窗口寫個(gè)隱藏域，當(dāng)小窗口看到那個(gè)隱藏域的值是close時(shí)就自己關(guān)掉。

例子： 使用hidden實(shí)現(xiàn)點(diǎn)擊提交按鈕數(shù)字加1 ，數(shù)值自增.htm

 form action= 數(shù)值自增.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 

好了，上述就是關(guān)于HTML5 hidden屬性在兩種地方的用法。有問(wèn)題的可以在下面提問(wèn)

【小編推薦】

HTML ul標(biāo)簽的什么意思？HTML ul標(biāo)簽的作用詳解

如何給html中的pre標(biāo)簽中的文字換行？html pre標(biāo)簽的使用實(shí)例

以上就是不知道html5 hidden屬性怎么用？那就看看表單hidden屬性的用法的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。