閱讀(45k) 書(shū)簽贊(4) 我要糾錯(cuò)

HTML <dialog> 標(biāo)簽

2022-06-01 15:22 更新

如果您需要在 HTML 中實(shí)現(xiàn)對(duì)話框，那么可以使用 <dialog> 標(biāo)簽。

<dialog> 標(biāo)簽用于表示一個(gè)對(duì)話框或其他交互式組件，您可以參考以下示例：

實(shí)例

使用 <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>

嘗試一下 ?

瀏覽器支持

目前，只有 Chrome 和 Safari 6 支持 <dialog> 標(biāo)簽。

標(biāo)簽定義及使用說(shuō)明

<dialog> 標(biāo)簽定義一個(gè)對(duì)話框、確認(rèn)框或窗口。

HTML 4.01 與 HTML5之間的差異

<dialog> 標(biāo)簽是 HTML5 中的新標(biāo)簽。

屬性

New ：HTML5 中的新屬性。

屬性	值	描述
openNew	open	規(guī)定 dialog 元素是有效的，用戶可以與它進(jìn)行交互。

全局屬性

<dialog> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<dialog> 標(biāo)簽支持 HTML 的事件屬性。