So verwenden Sie interaktive Elemente in HTML5-HTML-Tutorial-php.cn

So verwenden Sie interaktive Elemente in HTML5

php中世界最好的语言

Freigeben： 2017-11-23 16:00:58

Original

1954 Leute haben es durchsucht

In H5 sind interaktive Elemente Elemente, die mit Benutzern interagieren. Im Gegensatz zum vorherigen JS-Steuerungseffekt fügt H5 im Vergleich zu HTML viele interaktive Elemente hinzu, z. B. das Ausblenden und Anzeigen von Fußnoten interaktive Effekte.

<!DOCTYPE html>
<html>
<head>
       <meta charset="UTF-8">
       <title>交互元素<details>的使用</title>
       <style type="text/css">
              body{
                     font-size: 12px;
              }
              span{
                     font-weight: bold;
              }
              details{
                     overflow: hidden;
                     height: 0;
                     padding-left: 200px;
                     position: relative;
                     display: block;
              }
              details[open]{
                     height: auto;
              }
       </style>
</head>
<body>
       <span>隐藏脚注</span>
       <details open="open">
              本页面生成于 2016-010-21
       </details>
       <!--<span>显示注脚</span>
       本页面生成于 2016-010-21
       <details open="open">
       </details>
-->
</body>
</html>

Nach dem Login kopieren

Es gibt so viele Möglichkeiten, interaktive Elemente in HTML5 zu verwenden. Ich glaube, Sie haben nach unserer Einführung viel gelernt. Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Warum CSS-Stile für DIV festlegen?

So verwenden Sie das HTML5-Tag