国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > dialog 以获得更好的体验。

# HTML 的 <dialog> 标签

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

HTML 的 <dialog> 元素表示一个对话框或其他交互式组件，例如一个可关闭警告、检查器或者窗口。这个元素显示时不会被任何元素遮挡，无论对方的 z-index 有多大。

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。

  • open: 指示这个对话框是激活的和能互动的。当没有设置 open 属性时，对话框不应该显示给用户。推荐使用 .show() 或 .showModal() 方法来渲染对话框，而不是使用 open 属性。

# 示例

<dialog id="myDialog" open>
    <h2>这是一个对话框</h2>
    <p>这是对话框的内容。你可以在这里放置文本、表单或其他HTML元素。</p>
    
    <form method="dialog" class="dialog-buttons">
        <button type="submit">确认</button>
        <button type="button" id="cancelBtn">取消</button>
    </form>
</dialog>

# 推荐阅读

本文 更新于: 2025-11-27 09:38:02 创建于: 2025-11-27 09:38:02