约 1249 字

约 6 分钟

#HTML 的 <dialog> 标签

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

#属性

  • 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>

<dialog>

#推荐阅读

更新: 2026/7/28

作者: planc

创建: 2025/6/9