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: атрибуты
globals |
open |