当前位置: 首页>>代码示例>>用法及示例精选>>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。