HTML <ダイアログ>タグ


<dialog>要素の使用:

<dialog open>This is an open dialog window</dialog>

定義と使用法

<dialog>タグは、ダイアログボックスまたはサブウィンドウを定義します

この<dialog>要素を使用すると、Webページにポップアップダイアログとモーダルを簡単に作成できます。


ブラウザのサポート

表の数字は、要素を完全にサポートする最初のブラウザバージョンを示しています。

Element
<dialog> 37.0 79.0 53.0* Not supported 24.0

*デフォルトではサポートされていませんが、about:configで有効にできます(dom.dialog_element.enabledをtrueに設定します)。


属性

Attribute Value Description
open open Specifies that the dialog element is active and that the user can interact with it

グローバル属性

この<dialog>タグは、HTMLのグローバル属性もサポートしています。


イベント属性

この<dialog>タグは、HTMLのイベント属性もサポートしています。


関連ページ

HTML DOMリファレンス:ダイアログオブジェクト