HTML5 dialog标签-html5教程

HTML5 dialog标签

发表于:2015-05-21 21:18:06 | 阅读数:--次| 作者:小五

摘要：dialog标签定义对话框或窗口。

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

实例
使用 <dialog> 元素：

		html5代码
	

运行代码

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

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

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

HTML 4.01 与 HTML 5 之间的差异
<dialog> 标签是 HTML 5 的新标签。

属性
new : HTML5 中的新属性。

		js代码
	

//规定 dialog 元素是活动的，用户可与之交互。
open="open"

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

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

代码浏览关闭浏览

kong.jsp