details  new : 詳細 edgeie

カテゴリ

デモ

<details>
 <summary><label for=fn>Name & Extension:</label></summary>
 <p><input type=text id=fn name=fn value="Pillar Magazine.pdf">
 <p><label><input type=checkbox name=ext checked> Hide extension</label>
</details>
↑この領域は編集できます(シンタックスハイライトは同期しません)。

説明

HTML5要素の中で唯一の複数形。ここテストに出ます。 最初はsummary部分だけ表示されていて、そこをタップとかクリックとかすると残り部分が展開される。 macOS標準のFinderの「情報」を想像するとちょっと分かりやすい…かも知れない。

属性 属性値の見方

open(真偽値)
詳細部分が展開された状態にする。