文章标签

dialog

对话框组件：原生 HTML 还是自行开发？

作为 AgnosticUI 库的作者，我一直在寻找新的组件。最近，我决定深入研究并开始开发一个新的对话框（也称为模态）组件。这是许多开发人员喜欢做的事情……

Rob Levin 于 2022 年 5 月 25 日

您知道如何使用 JavaScript 对话框来提醒、确认和提示用户操作吗？假设您想用新的 HTML 对话框元素替换 JavaScript 对话框……

Mads Stoumann 于 2022 年 2 月 14 日

来自 Christian Kozalla 的关于 <dialog> HTML 元素及其用于创建美观且可访问的模态的介绍……

Chris Coyier 于 2021 年 10 月 27 日

这可能是许多人学习 JavaScript 的第一步

alert("Hello, World");

有一天，我们在 CodePen 醒来时，发现大量客户支持票据说他们的 Pen 坏了，最终发现问题归结于……

Chris Coyier 于 2021 年 8 月 9 日

这是我第一次尝试 HTML <dialog></dialog> 元素。我已经了解它一段时间了，但还没有尝试过。它有一些非常酷且引人注目的功能。我无法决定……

Chris Coyier 于 2019 年 10 月 7 日

Chris Manning 深入探讨了 <dialog>

对话框元素提供了

一个易于显示和隐藏的元素，包括元素本身上的 open 布尔属性。

两个版本：标准弹出窗口或模态版本。

一个 ::backdrop 伪元素用于模态

…

Chris Coyier 于 2018 年 10 月 10 日

我最近读了 Keith Grant 的这篇文章，介绍了新出现的 <dialog。我对这个新的 UI 元素感到兴奋，我立即坐下来尝试它，看看如何有效地将其用作模态……

Kushagra Gour 于 2020 年 3 月 30 日

Keith Grant 讨论了 HTML 5.2 如何引入了新的特殊元素：<dialog>。这是一个绝对定位的水平居中模态，它显示在页面上其他内容的顶部。Keith 讨论了如何使用此……

Robin Rendle 于 2018 年 10 月 5 日

模态。一个弹出的小方框，告诉你一些重要的事情。这有多难？好吧，中等难度吧。有很多注意事项，还有几件棘手的事情需要调整好。让我们数一数……

Chris Coyier 于 2018 年 10 月 5 日