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>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
Das obige ist der detaillierte Inhalt vonSo verwenden Sie interaktive Elemente in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
was ist h5
Was sind die Produktionsmethoden der HTML5-Animationsproduktion?
Der Unterschied zwischen HTML und HTML5
So implementieren Sie h5, um nach oben zu rutschen und die nächste Seite auf der Webseite zu laden
jquery animieren
Lohnt es sich, FIL langfristig zu halten?
So erstellen Sie einen Enzyklopädieeintrag
So importieren Sie Easygui in vscode
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
