全局屬性 hidden 是一個(gè)布爾屬性,表示一個(gè)元素尚未或者不再相關(guān)。例如,它可以被用來隱藏一個(gè)頁面元素直到登錄完畢。如果一個(gè)元素設(shè)置了這個(gè)屬性,它就不會(huì)被顯示。
改變具有hidden屬性的元素的CSS的 display 屬性將覆蓋該行為。 例如, 元素被設(shè)置為 display: flex 將會(huì)導(dǎo)致元素顯示出來,盡管設(shè)置了hidden屬性
演示隱藏段落和正常段落:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML hidden 屬性的使用(菜鳥教程 cainiaoplus.com)</title> </head> <body> <p hidden="hidden">這是一段被隱藏的段落。</p> <p>這是一段正??梢姷亩温?。</p> </body> </html>測(cè)試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持。
hidden屬性是一個(gè)布爾屬性。
如果存在,它指定一個(gè)元素尚不相關(guān)或不再相關(guān)。
瀏覽器不應(yīng)顯示具有指定的hidden屬性的元素。
hidden屬性還可以用于阻止用戶看到元素,直到滿足某些其他條件(如選擇復(fù)選框等)為止。然后,JavaScript可以刪除hidden屬性,并使該元素可見。
hidden 屬性是 HTML5 中的新屬性。
在 XHTML 中, 屬性禁止簡寫,hidden 屬性必須定義為 <element hidden="hidden">.
<element hidden>