The Speed Coding

HTML <dialog> Tag


Example

Using the <dialog> element:

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

Definition and Usage

The <dialog> tag defines a dialog box or subwindow.

The <dialog> element makes it easy to create popup dialogs and modals on a web page.


Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element
<dialog> 37.0 79.0 53.0* Not supported 24.0

* Not supported by default, but can be enabled in about:config (set dom.dialog_element.enabled to true).


Attributes

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

Global Attributes

The <dialog> tag also supports the Global Attributes in HTML.


Event Attributes

The <dialog> tag also supports the Event Attributes in HTML.


Related Pages

HTML DOM reference: Dialog Object