HTML hidden 属性

hidden 全局属性是布尔属性,有着隐藏元素的作用。被赋予 hidden 属性的元素只是不显示,不代表不存在,依然可以用 JavaScript 获取到它。


实例

被隐藏的段落:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p hidden="hidden">这是一段隐藏的段落。</p>
  5. <p>这是一段可见的段落。</p>
  6. <p><b>备注:</b> IE10及更早的版本不支持 hidden 属性。</p>
  7. </body>
  8. </html>

浏览器支持

属性
hiddenYesYesYesYesYes

所有主流浏览器都支持 hidden 属性,除了 Internet Explorer。


定义和用法

hidden 属性是布尔属性。被赋予 hidden 属性的元素只是不现实,不代表不存在,依然可以用 JavaScript 获取到它。

浏览器不应显示已规定 hidden 属性的元素。

hidden 属性也可用于防止用户查看元素,直到匹配某些条件(比如选择了某个复选框)。然后,JavaScript 可以删除 hidden 属性,以使此元素可见。

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


HTML 4.01 与 HTML5 之间的差异

hidden 属性是 HTML5 中的新属性。


HTML 与 XHTML 之间的差异

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


语法

  1. <element hidden>