HTML <dialog> 标签

定义及使用

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

浏览器支持

目前只有 Chrome 和 Safari 6 支持 <dialog> 标签。

HTML 4.01 与 HTML5之间的差异

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

实例

使用 <dialog> 元素:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>HTML dialog 标签  xinbiancheng.cn</title>
</head>
<body>
 <p><b>注意:</b>目前只有 Chrome 和 Safari 6 支持 dialog 标签。</p>
 <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>
</body>
</html>

输出:

注意:目前只有 Chrome 和 Safari 6 支持 dialog 标签。

January This is an open dialog window February March
31 28 31

 

<dialog>HTML5 中的新属性

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

全局属性

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

事件属性

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