[摘要]在H5里，交互元素就是和用户进行互动的元素，这一部分非常的重要，并且和之前的JS控制的效果不同，H5相比于HTML增加了很多的交互元素，比如隐藏显示注脚就是其中的一个交互效果。<!DOCTYP...
在H5里，交互元素就是和用户进行互动的元素，这一部分非常的重要，并且和之前的JS控制的效果不同，H5相比于HTML增加了很多的交互元素，比如隐藏显示注脚就是其中的一个交互效果。
<!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>html5里交互元素的使用方法就这么多，相信我们介绍之后你已经了解了不少。更多精彩请关注php中文网其它相关文章！
相关阅读：
为什么要对DIV设置CSS样式？
HTML5 <nav>标签怎么用
html 的<header>标签需要怎么使用
以上就是html5里交互元素的使用方法的详细内容，更多请关注php中文网其它相关文章！
微信
分享
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
关键词：html5里交互元素的运用办法