Maison > Article > interface Web > Comment utiliser des éléments interactifs en HTML5
Comment utiliser des éléments interactifs en HTML5
- php中世界最好的语言original
- 2017-11-23 16:00:581963parcourir
Dans H5, les éléments interactifs sont des éléments qui interagissent avec les utilisateurs. Cette partie est très importante, et contrairement au précédent effet de contrôle JS, H5 ajoute de nombreux éléments interactifs par rapport au HTML, comme le masquage et l'affichage des notes de bas de page. effets interactifs.
<!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>Il existe de nombreuses façons d'utiliser des éléments interactifs en HTML5. Je pense que vous avez beaucoup appris après notre introduction. Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web php chinois !
Lecture connexe :
Pourquoi définir des styles CSS pour DIV ?
Comment utiliser la balise HTML5 c787b9a589a3ece771e842a6176cf8e9
Comment utiliser la balise 1aa9e5d373740b65a0cc8f0a02150c53 >
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!