HTML5 <dialog>標記用法及代碼示例

<dialog>標記用於指定對話框或窗口。此標記用於在網頁上創建彈出對話框和模型。此標記是HTML5中的新增標記。

用法:

<dialog open> Contents... </dialog>

屬性：該標記接受單個屬性open，該屬性用於指定對話框元素處於活動狀態，並且用戶可以與標記元素進行交互。

Example:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>dialog tag</title> 
        <style> 
            dialog { 
                color:green; 
                font-size:30px; 
                font-weight:bold; 
                font-style:italic; 
            } 
            body { 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
        <h1><dialog> tag</h1> 
        <dialog open>Welcome to GeeksforGeeks</dialog> 
    </body> 
</html>

輸出：
dialog tag

支持的瀏覽器：<dialog>標記支持的瀏覽器如下：

穀歌瀏覽器37.0
Firefox 59.0
Opera 24.0
Safari 6.0

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML5 | <dialog> Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。