明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)！

不知道html5 hidden屬性如何用？那就看看表單hidden屬性的用法

發(fā)表時(shí)間：2023-09-03 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章主要的介紹了關(guān)于HTML5中新出的hidden屬性的用法，介紹了hidden屬性的關(guān)于<p>標(biāo)簽當(dāng)中的用法，還有關(guān)于表單標(biāo)簽當(dāng)中的用法介紹，現(xiàn)在讓我們一起看這篇文章吧一、首先我們先來說說hidden屬性：這是在html5中才新出來的一種屬性，在<p>標(biāo)簽中能表示隱藏...
本篇文章主要的介紹了關(guān)于HTML5中新出的hidden屬性的用法，介紹了hidden屬性的關(guān)于<p>標(biāo)簽當(dāng)中的用法，還有關(guān)于表單標(biāo)簽當(dāng)中的用法介紹，現(xiàn)在讓我們一起看這篇文章吧

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

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

<html>
<head>
<meta charset="UTF-8">
<title>php中文網(wǎng)</title>
</head>
<body>
  <p>這個(gè)段落沒有被隱藏。</p>
<p>這個(gè)段落沒有被隱藏。</p>  
<p hidden>這個(gè)段落應(yīng)該被隱藏。</p>
<p>這個(gè)段落沒有被隱藏。</p>
<p>這個(gè)段落沒有被隱藏。</p>
</body>
</html>

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

tuyi.png

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

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

二、表單hidden屬性的作用：

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

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

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

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

  • 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屬性在兩種地方的用法。有問題的可以在下面提問

【小編推薦】

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

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

以上就是不知道html5 hidden屬性怎么用？那就看看表單hidden屬性的用法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。