Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie interaktive Elemente in HTML5
So verwenden Sie interaktive Elemente in HTML5
- php中世界最好的语言Original
- 2017-11-23 16:00:581991Durchsuche
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 c787b9a589a3ece771e842a6176cf8e9
So verwenden Sie das Tag 1aa9e5d373740b65a0cc8f0a02150c53 >
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!