HTML элемент details — Используется для хранения информации, которую можно скрыть или показать по требованию пользователя
. Все HTML элементы.

HTML элемент details: Пример кода

 <h2>Пример 1: создание details</h2>
<section class="progress window">
 <h1>Copying "Really Achieving Your Childhood Dreams"</h1>
 <details>
 <summary>Copying... <progress max="375505392" value="97543282"></progress> 25%</summary>
 <dl>
 <dt>Скорость передачи:</dt> <dd>452KB/s</dd>
 <dt>Местный файл:</dt> <dd>/home/rpausch/raycd.m4v</dd>
 <dt>Удаленный файл:</dt> <dd>/var/www/lectures/raycd.m4v</dd>
 <dt>Продолжительность:</dt> <dd>01:16:27</dd>
 <dt>Цвет профиля:</dt> <dd>SD (6-1-6)</dd>
 <dt>Размеры:</dt> <dd>320×240</dd>
 </dl>
 </details>
</section>


 <h2>Пример 2: создание details</h2>
<details>
 <summary><label for=fn>Имя & Расширение:</label></summary>
 <p><input type=text id=fn name=fn value="Pillar Magazine.pdf">
 <p><label><input type=checkbox name=ext checked> Скрывать расширение</label>
</details>

HTML элемент details: атрибуты