<summary>

The <summary> element represents a summary, caption, or legend for the rest of the contents of the summary element's parent details element, if any.

HTML Attributes

See global attributes.

Examples

Example A

[try it]:

<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>

HTML Reference

The HTML5 specification defines the <summary> element in 4.12.2 The summary element.