html5里交互元素的使用方法

来源：动视网责编：小采时间：2020-11-27 15:27:40

html5里交互元素的使用方法

html5里交互元素的使用方法:在H5里，交互元素就是和用户进行互动的元素，这一部分非常的重要，并且和之前的JS控制的效果不同，H5相比于HTML增加了很多的交互元素，比如隐藏显示注脚就是其中的一个交互效果。<!DOCTYPE html> <html> <head> <m

推荐度：

点击下载本文 文档为doc格式

导读html5里交互元素的使用方法:在H5里，交互元素就是和用户进行互动的元素，这一部分非常的重要，并且和之前的JS控制的效果不同，H5相比于HTML增加了很多的交互元素，比如隐藏显示注脚就是其中的一个交互效果。<!DOCTYPE html> <html> <head> <m

在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里交互元素的使用方法就这么多，相信我们介绍之后你已经了解了不少。更多精彩请关注Gxl网其它相关文章！

html5里交互元素的使用方法

推荐度：

点击下载本文 文档为doc格式

标签：元素的使用 html5

热门焦点

html5里交互元素的使用方法

html5里交互元素的使用方法

html5里交互元素的使用方法

最新推荐

猜你喜欢

热门推荐