HTML hidden属性

由网友 大卫 发布 阅读 9

HTML hidden属性

全局属性 hidden 是一个布尔属性,表示一个元素尚未或者不再相关。例如,它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性,它就不会被显示。

HTML 全局属性

改变具有hidden属性的元素的CSS的 display 属性将覆盖该行为。 例如, 元素被设置为 display: flex 将会导致元素显示出来,尽管设置了hidden属性

在线示例

演示隐藏段落和正常段落:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML hidden 属性的使用(大卫编程网 div.cn)</title>
</head>
<body>
<p hidden="hidden">这是一段被隐藏的段落。</p>
<p>这是一段正常可见的段落。</p>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持。

定义和用法

  1. hidden属性是一个布尔属性。

  2. 如果存在,它指定一个元素尚不相关或不再相关。

  3. 浏览器不应显示具有指定的hidden属性的元素。

  4. hidden属性还可以用于阻止用户看到元素,直到满足某些其他条件(如选择复选框等)为止。然后,JavaScript可以删除hidden属性,并使该元素可见。

HTML 4.01 与 HTML5之间的差异

hidden 属性是 HTML5 中的新属性。

HTML 与 XHTML 之间的差异

在 XHTML 中, 属性禁止简写,hidden 属性必须定义为 <element hidden="hidden">.

语法

        <element hidden>


HTML 全局属性

HTML lang属性 HTML dropzone属性