Tutorials References Exercises Menu
Paid Courses

HTML <dialog> Tag


Using the <dialog> element:

<dialog open>This is an open dialog window</dialog>
Try it Yourself »

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.

<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).


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