HTML <dialog> 标签open属性

<dialog>标签open属性定义和用法

open属性是一个布尔属性。如果存在，则指定对话框元素处于活动状态，并且用户可以与其进行交互。

<dialog>标签open属性浏览器支持

Edge/IE	Chrome	FireFox	Safari	Opera

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

<dialog>标签open属性语法

<dialog>标签open属性实例

<!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中的新标签。

HTML和XHTML之间的差异

在XHTML中，禁止属性最小化，并且必须将open属性定义为<dialog open=“open”>。