不知道html5 hidden屬性怎麼用？那就來看看表單hidden屬性的用法-html教學-PHP中文網

不知道html5 hidden屬性怎麼用？那就來看看表單hidden屬性的用法

寻∝梦

發布： 2018-08-29 14:26:52

原創

11693 人瀏覽過

本篇文章主要的介紹了關於HTML5中新出的hidden屬性的用法，介紹了hidden屬性的關於

標籤當中的用法，還有關於表單標籤當中的用法介紹，現在讓我們一起看這篇文章吧

一、首先我們先說hidden屬性：

這是在html5中才新出來的一種屬性，在標籤中能表示隱藏，瀏覽器看不到，看這個實例：

<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屬性，其它的和別的一樣，來看結果

不知道html5 hidden屬性怎麼用？那就來看看表單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屬性在兩種地方的用法。有問題的可以在下面提問

【小編推薦】

HTML ul標籤的什麼意思？ HTML ul標籤的作用詳解

如何為html中的pre標籤中的文字換行？ html pre標籤的使用實例

以上是不知道html5 hidden屬性怎麼用？那就來看看表單hidden屬性的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！