HTML - open 属性

HTML **open** 属性用于指定 **<details>** 元素内容的详细信息当前是否可见。

此属性是一个布尔属性，具有两个值：“true”和“false”。如果该属性存在于元素中但没有值，则为 true。对于 false，如果我们没有在元素中传递 open 属性，则表示为 false。

当此属性存在于 **<details>** 元素中时显示详细信息，而当此属性不存在时则隐藏详细信息。默认情况下，此属性不存在表示详细信息不可见。

语法

<details open="true | false">

其中 true 和 false 是可选值，我们可以直接传递 open 或连同值 true 和 false 一起传递 open。

应用于

下面列出的元素允许使用 HTML open 属性

元素	描述
<details>	HTML <details> 标签用于创建一个包含一些信息的 раскрывающееся виджет。

HTML open 属性示例

下面的示例将说明 HTML open 属性，以及我们应该在哪里以及如何使用此属性！

带有 open 属性的 details 标签

在下面的示例中，让我们演示在 <details> 元素中使用 open 属性，如下所示

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<body>
   <h2> HTML open attribute </h2>
   <details open>
      <summary>Open</summary>
   <p> 
      Tutorialspoint provides access to a library 
      of video courses on various prominent technologies, 
      aimed at helping individuals master those technologies 
      and become certified professionals. By becoming a 
      valued member, users can enjoy unlimited access to the 
      library's comprehensive resources and learning materials. 
   </p>
   </details>
</body>
</html>

没有 open 属性的 details 标签

考虑另一种情况，我们没有在 <details> 元素中传递 open 属性。如果 open 属性不存在于 <details> 元素中，则默认情况下内容将被隐藏。

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<body>
   <h2> HTML open attribute </h2>
   <details>
      <summary>Open</summary>
   <p> 
      Tutorialspoint provides access to a library 
      of video courses on various prominent technologies, 
      aimed at helping individuals master those technologies 
      and become certified professionals. By becoming a 
      valued member, users can enjoy unlimited access to the 
      library's comprehensive resources and learning materials. 
   </p>
   </details>
</body>
</html>

支持的浏览器

属性
open	是 12.0	是 79.0	是 40.0	是 6.0	是 15.0

html_attributes_reference.htm

打印页面