Web:details 和summary的具体表现

最新推荐文章于 2022-06-02 14:12:57 发布
最新推荐文章于 2022-06-02 14:12:57 发布
阅读量506 收藏 1
点赞数
分类专栏： 合集 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JunYig/article/details/106675294
版权

1.
在这里插入图片描述
< details>：元素初始时，只会显示其中的< summary>元素的内容，当用户点击summary的内容的时候，才会展开< details>的所有内容。

效果：
在这里插入图片描述
在这里插入图片描述

educoder—web：页面元素和属性
m0_51461030的博客
11-29 1044
文章目录1.结构元素1.1文档结构元素相关概念答案：1.2 header元素和article元素的应用答案：1.3 figure元素和 figcaption 元素的应用答案：2.页面节点元素2.1页面节点元素相关概念答案：2.2 section元素的使用——文章节答案：2.3 nav元素的使用答案2.4 footer元素和address元素的使用版权信息联系人信息答案：3.交互元素3.1交互元素相关概念3.1.1 progress元素3.1.2 meter元素3.1.3 details/summary元素3
JavaScript Web Application summary
weixin_33913377的博客
12-09 100
Widget/ HTML DOM (CORE) (local dom) DOM, BOM, Event(Framework, UI, Widget) function(closure) DATA (core) this, prototype|singleton Request/Response (remote server) ...
【Summary】——Web组·大三·Week2
Carohuan的博客
09-24 325
这周主要的时间花在了数据库技术的等级考试上，除此之外，接触了稍微基础又复杂一点的Java代码，其次，手动跟着教程编写了部分Bootstrap代码。 1.Java：跟着教程写了一个银行的功能，实现了银行账户的基本操作。其中包括三个类：Cust，KB，Demo（主类）。其中KB类利用Java中等输入流实现数据的插入（还未研究）；Cust类定义银行顾客，包括的实例变量有姓名，ID，密码，余额，顾客号，
【Summary】——>Web组·Week1
Carohuan的博客
04-08 370
2016年3月29日，我通过启明星工作室web组的考核，正式成为其中的一员，开启了我的web之旅。 【Week 1】 1.通过工作室，大致了解了web组的路线，有了一个宏观的学习方向； 2.大致内容：这一周正式进入第一阶段：HTML+CSS。 a.主要通过慕课网上的教程，学习一些HTML的基础，并时不时在网页编辑器上试着实现，使自己学习到的东西更为牢固与实用； b.通过网络自学，与我培养
【Summary】——>Web组·Week6
Carohuan的博客
05-13 371
JS增删查改 input[type="button"]{ background-color: #eee; font-size: 15px; } input[type="text"]{background-color: #eee;} input[type="text"]:focus{background-color: white;} 姓名：
web前端
weixin_46452030的博客
03-03 433
HTML语义化标签 header元素
不常用的3个HTML交互元素：details、summary、dialog
web前端开发教程htmlcssjs
01-10 886
HTML5不仅新增了语义型区块级元素及表单类元素，也新增了一些其他的功能性元素，这些元素由于浏览器支持等各种原因，并没有被广泛使用 文档描述   <details>主要用于描述文档或文档某个部分的细节，与配合使用可以为定义标题。标题是可见的，用户点击标题时，显示出details 注意：这两个标签只有chrome和opera支持 <details>   该标签仅有一个open...
hotel-web:旅店管理系统web后台
03-15
HTML表单用于添加新客户或编辑现有信息，而`<details>`和`<summary>`元素可以提供折叠式显示，减少页面混乱。 为了提升用户体验，开发者可能会利用JavaScript库，如jQuery，进行DOM操作、数据验证和异步通信（AJAX...
SHE_Web:SHE网站
03-13
此外，HTML5引入了许多新特性，如`<video>`和`<audio>`标签用于嵌入多媒体，`<canvas>`用于绘制图形，以及`<details>`和`<summary>`用于可折叠的内容。这些元素可能也被应用在"SHE"网站中，以提供更丰富的用户体验。...
Trabajos-Web:Trabajo priemra速尿
03-29
HTML5引入了许多新元素和API，如`<canvas>`用于绘制图形，`<audio>`和`<video>`用于多媒体播放，`<progress>`和`<meter>`表示进度条和度量，`<details>`和`<summary>`用于可折叠内容，`<input type="date">`等新的...
cellranger atac 操作笔记-3：count 输出文件解读 （2-1）
人间飞羽
06-02 2248
cellranger atac 操作笔记-3：count 输出文件解读 （2-1）
Web前端开发—html基础（3）
qq_45709187的博客
04-12 1911
十 表单 1 简单的表单示范 2 自动填充表单——autocomplete 3 指定目标显示位置 4 设置默认值——value 5 自动聚焦——autofocus 6 禁用元素——disabled 7 禁止修改——readonly 8 将文本包裹起来——label元素 9 label里面的for元素 10 fieldset元素——可以将表单内相关元素进行分组 11 legend元素——为fieldset定义说明文字 ...
web前端总结5
qs1571292935的博客
08-20 338
1、常用id的命名： (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center (2)导航
沉淀-初级html5（一）
泠泠似水
03-27 467
HTML5与HTML4的区别推出的理由及目标和语法的改变推出的理由及目标： 解决web上存在的各种问题： 1.web浏览器兼容性很低，规范不统一，没有被标准化。 2.文档结构不够明确 3.web应用程序的功能受到了限制 世界知名浏览器厂商对html5的支持：微软的IE9及以上，google的chrome，苹果的safari，Opera的欧朋，Mozilla的火狐Firefox语法的改变：
前端Summary——CSS学习
qq_35706707的博客
11-10 572
（1）.CSS基础 一．CSS基础语法 1.形式 1.selector{ property:value } selector是属性选择器，下面是对应的属性和属性值 例：h1{color:red;font-size:14px} 属性大于一个之后，属性之间用分号隔开，如果值大于1个单词，则需要加上引号： 例：p{font-family:"sans serif";} 注：引入外部css <link href="MyCss.c...
浅谈 <details> 和 <summary>
weixin_33714884的博客
06-20 1150
那一天我二十一岁，在我一生的黄金时代，我有好多奢望。我想爱，想吃，还想在一瞬间变成天上半明半暗的云。 ——王小波《黄金时代》 简介 HTML5 引入的 <details> 元素好玩的一点是，用鼠标点点点，它包含的内容会在显示与隐藏之间切换。 代码就非常简单啦，这样的 <details> <div>你好啊</div> &l...
html中的details与summary
xiaozhuangyumaotao的博客
04-29 3126
details的效果就像我们经常见到的“手风琴”样式，可以自由的折叠和展开，看几个例子。details可以使用在body元素内的任何地方。 1.details单独使用 <details> <p>菜单项1</p> <p>菜单项2</p> <p>菜单项3</p> ...
Android应用市场和应用包名大全
hnyxwl_liufan的博客
11-28 8379
应用商店 应用包名 华为应用商店 com.huawei.appmarket VIVO应用商店 com.bbk.appstore OPPO应用商店 com.oppo.market 小米应用商店 com.xiaomi.market 魅族应用市场 com.meizu.mstore 腾讯应用宝 com.tencent.android.qqdownloader 360...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值