HTML-dialog-标签-的详细用法

HTML <dialog> 标签功能

<dialog> 标签定义一个对话框、确认框或窗口。

---

HTML <dialog> 标签用法

使用 <dialog> 元素：

<table border="1">
  <tr>
    <th>January <dialog open>This is an open dialog window</dialog></th>
    <th>February</th>
    <th>March</th>
  </tr>
  <tr>
    <td>31</td>
    <td>28</td>
    <td>31</td>
  </tr>
</table>

---

HTML <dialog> 标签演示

January <dialog open>This is an open dialog window</dialog>	February	March
31	28	31

<br/>
<br/>

---

浏览器支持

表格中的数字表示支持该元素的第一个浏览器版本号。

元素	Chrome	IE	FF	safari
<dialog>	37.0	不支持	59.0	6.0

---

HTML4 与 HTML5 之间的差异

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

---

属性

New：HTML5 中的新属性。

属性	值	描述
openNew	open	规定 dialog 元素是有效的，用户可以与它进行交互。

全局属性

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

---

事件属性

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

本文参考 HTML 中文帮助文档