HTML <dialog> 标签

<dialog>标记定义一个对话框或子窗口。<dialog>元素使得在网页上创建弹出对话框和模态变得很容易。

实例

使用 <dialog> 元素：

<!DOCTYPE html>
<html>
<body>
<p><b>注释：</b>只有 Chrome 和 Safari 6 和支持 dialog 标签。</p>
<table border="1">
<tr>
<th>一月 <dialog open="">这是打开的对话窗口</dialog></th>
<th>二月</th>
<th>三月</th>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
</tr>
</table>
</body>
</html>

运行一下

浏览器支持

元素
<dialog>	37.0	79.0	53.0*	不支持	24.0

Safari 浏览器在默认情况下不支持，但是可以在 about:config 中启用（将 dom.dialog_element.enabled 设置为 true）。

定义和用法

<dialog> 标签定义对话框或窗口。

HTML 4.01 与 HTML 5 之间的差异

<dialog> 标签是 HTML 5 的新标签。

属性

HTML5 中的新属性。

属性	值	描述
open	open	规定 dialog 元素是活动的，用户可与之交互。

全局属性

<dialog> 标签支持 HTML 中的全局属性。

事件属性

<dialog> 标签支持 HTML 中的事件属性。

dialog标签更多实例

<!DOCTYPE html>
<html>
<body>
<h1>dialog 元素</h1>
<p>这是一些文本。</p>
<dialog open>这是一个打开的窗口。</dialog>
<p>这是一些文本。</p>
<p><b>Note:</b> Safari 和 Edge (v79) 浏览器不支持 dialog 标签.</p>
</body>
</html>