HTML <dialog> Tag


Example

Using the <dialog> element:

<table>
<tr>
  <th>January <dialog open>This is an open dialog window</dialog></th>
  <th>February</th>
  <th>March</th>
</tr>
<tr>
  <td>31</td>
  <td>28</td>
  <td>31</td>
</tr>
</table>

Try it Yourself »

Definition and Usage

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

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 Not supported Not supported 6.0 24 

Differences Between HTML 4.01 and HTML5

The <dialog> tag is new in HTML5.


Attributes

= New in HTML5.

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




SHARE THIS PAGE

Color Picker

colorpicker