HTML < dialog> 標簽
如果您需要在 HTML 中實現對話框,那么可以使用 <dialog> 標簽。
<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>
<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> 標簽。
標簽定義及使用說明
<dialog> 標簽定義一個對話框、確認框或窗口。
HTML 4.01 與 HTML5之間的差異
<dialog> 標簽是 HTML5 中的新標簽。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
openNew | open | 規定 dialog 元素是有效的,用戶可以與它進行交互。 |
全局屬性
<dialog> 標簽支持 HTML 的全局屬性。
事件屬性
<dialog> 標簽支持 HTML 的事件屬性。
相關閱讀
HTML DOM 參考手冊:HTML DOM Dialog 對象