百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
D

details-dialog-element

> 编程语言
开源

使用 <details> 打开的模态对话框。

763 stars0 点赞1 次浏览
访问官网GitHub

工具介绍

使用 <details> 打开的模态对话框。

<details-dialog> 元素

打开了带有 <details> 按钮的模态对话框。

退化警告

此 Web 组件已被淘汰。这种方法存在多个可访问性问题,因此我们不再推荐使用此组件。

可访问性和可用性问题

  • 从语义上讲,为对话解决方案使用详细信息-摘要模式可能会使屏幕阅读器用户感到困惑。
  • 如果用户在使用 details-dialog 元素的网站上执行"在页面中查找"操作,则这些元素上的内容将出现在不该出现的位置。
  • 打开对话框不会禁用底层页面的滚动功能。

GitHub 正在朝着使用 对话框初始视图组件 的方向发展,该组件强制实现设计的某些方面(例如始终具有关闭按钮和标题)。

如果存在 preload 属性,当鼠标悬停在 `` 元素上时,将触发服务器请求。

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScriptcustom-elementsweb-components

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言