X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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 specifies the first browser version that fully supports the element.

Element
<dialog> Canary Not supported Not supported 6.0 Not supported

The <dialog> tag is currently only supported in Chrome Canary and Safari 6.

Note: Even though the <dialog> element is supported in Chrome Canary, you must enable a flag to use it. Write chrome://flags in your address bar and enable the "Enable experimental Web Platform features" flag. Once this is enabled, you must restart the browser for the change to take effect.


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



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook