全局属性 hidden 是一个布尔属性,表示一个元素尚未或者不再相关。例如,它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性,它就不会被显示。
改变具有hidden属性的元素的CSS的 display 属性将覆盖该行为。 例如, 元素被设置为 display: flex 将会导致元素显示出来,尽管设置了hidden属性
演示隐藏段落和正常段落:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML hidden 属性的使用(菜鸟教程 (cainiaojc.com))</title> </head> <body> <p hidden="hidden">这是一段被隐藏的段落。</p> <p>这是一段正常可见的段落。</p> </body> </html>测试看看 ‹/›
IEFirefoxOperaChromeSafari
所有主流浏览器都支持。
hidden属性是一个布尔属性。
如果存在,它指定一个元素尚不相关或不再相关。
浏览器不应显示具有指定的hidden属性的元素。
hidden属性还可以用于阻止用户看到元素,直到满足某些其他条件(如选择复选框等)为止。然后,JavaScript可以删除hidden属性,并使该元素可见。
hidden 属性是 HTML5 中的新属性。
在 XHTML 中, 属性禁止简写,hidden 属性必须定义为 <element hidden="hidden">.
<element hidden>