Comment utiliser des éléments interactifs en HTML5-tutoriel HTML-php.cn

Comment utiliser des éléments interactifs en HTML5

php中世界最好的语言

Libérer： 2017-11-23 16:00:58

original

1954 Les gens l'ont consulté

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>

Copier après la connexion

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