HTML

HTMLの「details」について書かれているサンプルはこちら

charset hr iframe input lang meta placeholder textarea form onClick title href viewport a br p img html head base link style script noscript body address pre blockquote ol ul li dl dt dd div em strong small s cite q dfn abbr code var samp kbd sub sup i b span ins del object param map area table caption colgroup col tbody thead tfoot tr td th fieldset legend label button select datalist optgroup option download date month week time localStorage setItem getItem clear progress max meter min DOCTYPE details summary audio section nav article aside header footer figure figcaption mark ruby wbr video source canvas keygen output command menu file range main rt rp bdo embed h rel

HTML コンテンツの表示・非表示

HTML5から追加されたタグでJavaScriptを使わないでコンテンツの表示・非表示を実装するサンプルです。クリックすると隠れている要素を表示させるJSはよく実装します。よくアコーディオンと呼ばれるUIですが、HTMLだけでも表現することが可能です。なにも装...

2020-03-10 07:10:08

Top