HTML dialog 標籤

在 HTML5 中要建立對話框可以使用 <dialog> 標籤，FireFox、Safari 和 Chrome 系列的瀏覽器都可以使用。

程式碼也很簡單：

    
<dialog>
    <p>這是 dialog 標籤</p>
    <form method="dialog">
        <button>OK</button>
		<button onclick="document.querySelector('dialog').close()">關閉</button>
    </form>
</dialog>

<button onclick="document.querySelector('dialog').showModal()">顯示 dialog</button>
    

增加 open 屬性的話對話框預設就是開啟的狀態

    
<dialog open>
</dialog>
    

示範：

這是 dialog 標籤

參考資料：
mdn web docs - <dialog>: The Dialog element