前端 - 关于下拉功能的实现,<detail> <summary> 特殊标签 - 进度条功能实现

教程链接

1. 你知道 details 标签的妙用吗?

2. html5 input标签、details标签、mark标签以及进度条标签的使用

个人理解

如果是为了快速开发下拉菜单,样式什么的,都太大要求的,其实直接用 detail 标签就行,在summary 标签内,可以塞入各种你想到的想不到的东西,反正鼠标点击 summary 标签元素的范围,就属于触发了显示弹出的功能,还有笔者还没详细用过这个标签,不太好判断是否会影响样式的修改,比如是为了炫酷好看的样式,detail 标签无法实现之类的,就比如部分标签对样式修改不友好。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值