HTML5 - Dialog Tag

HTML5 Dialog Tag

Dialog is used for define a dialog box or window. Using <dialog> element you can easily create popup dialog.


<!DOCTYPE html>
table, th, td {
    border: 1px solid black;
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
<p><b>Note:</b> This works only in Google Chrome.</p>
    <th>September <dialog open>This is an open dialog window</dialog></th>


Note: This works only in Google Chrome.

September This is an open dialog window October November
30 31 30


For Example
Attribute Value Description
open open Defines that dialog element is active and the user can interact with it.