HTML <details> open属性用法及代码示例

HTML <details>打开属性用于指示是否在页面加载时显示详细信息。这是一个布尔属性。如果存在此属性，则细节将可见。

用法:

<details open> Contents... </details>

例：此示例说明了<details>元素中open属性的用法。

<!-- HTML program to illustrate details open Attribute -->
  
<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML details open Attribute</title>  
    </head>  
      
    <body>  
        <h1 style="text-align:center;"> 
            GeeksForGeeks 
        </h1> 
          
        <h2 style = "color:green; text-align:center;">  
            HTML <Details>open Attribute  
        </h2>  
          
        <!-- Below details tag has "open" attribute -->
        <details open>  
            <summary>Geeks classes</summary>  
              
            <p>  
                An extensive classroom programme to build  
                and enhance Data Structures and Algorithm  
                concepts.  
            </p>  
        </details>  
    </body>  
</html>

输出：

支持的浏览器：HTML <details> open属性支持的浏览器如下：

谷歌浏览器12.0
Firefox 49.0
Safari 6.0
Opera 15.0

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <details> open Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。