HTML <dialog> 标签 - 菜鸟教程

<dialog>标签定义和用法

<dialog>标签定义一个对话框或窗口。
<dialog>元素可以轻松地在网页上创建弹出对话框和模态窗口。

<dialog>浏览器支持

Internet Explorer/Edge	Chrome	FireFox	Safari	Opera

不支持	37.0（含）以上	59.0（含）以上	6.0（含）以上	24.0（含）以上

<dialog>标签实例

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<p><b>注意:</b> 在Edge/Internet Explorer中不支持dialog标签。</p>

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

尝试一下

HTML4.01和HTML5之间的差异

<dialog>标记是HTML5中的新标记。

<dialog>属性

属性名	属性值	描述
open	open	指定对话框元素是活动的，用户可以与其交互

<dialog>全局属性

<dialog>标签还支持全局属性。

查看有关全局属性的更多知识。

<dialog>事件属性

<dialog>标签还支持事件属性。

查看有关事件属性的更多知识。