您好,登錄后才能下訂單哦!
html5 hidden什么意思?相信很多人對html5中hidden屬性的的了解處于一知半解狀態,小編給大家總結了以下內容。如下資料是關于hidden的內容。
一、首先我們先來說說hidden屬性:
這是在html5中才新出來的一種屬性,在<p>標簽中能表示隱藏,瀏覽器看不到,看這個實例:
<html> <head> <meta charset="UTF-8"> <title>億速云</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的知識匯總,內容較為全面,小編相信有部分知識點可能是我們日常工作可能會見到或用到的。希望你能通過這篇文章學到更多知識。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。