HTML5 dialog是什麼?怎麼使用HTML5中的dialog來實作模擬彈跳窗?本篇文章主要講述HTML5中的dialog標籤的定義和具體用法,還有如何在HTML5中透過dialog標籤來實現模擬彈跳窗。
HTML5 dialog標籤的定義與用法:
這有實例:
<dialog>
<dt>老师</dt>
<dd>1+1 等于?</dd>
<dt>学生</dt>
<dd>2</dd>
<dt>老师</dt>
<dd>答对了!</dd>
</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>
登入後複製
HTML5 dialog標籤屬性:
open :open規定dialog 元素是有效的,使用者可以與它進行交互。
近期,網頁上的許多流程都需要使用者完全同意才可以完成。例如,用戶可能需要刪除帳戶,更改他們的用戶名,或確認貨幣交易。
這種情況下,常用的使用者體驗(UX,User experience design)是顯示一個具有兩個按鈕的對話方塊。一個是取消,一個是繼續。這麼多年,我們一直依賴JavaScript庫來實現此效果,但在本篇文章中,我們要用
使用dialog元素: