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

    
这是一个对话框
    
这是对话框的内容。你可以在这里放置文本、表单或其他HTML元素。
    
    

        确认
        取消