HTML5 - Dialog Tag

First Page
Next Page

HTML5 Dialog Tag

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

Example

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
}
</style>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?73c27e26f610eb3c9f3feb0c75b03925";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<p><b>Note:</b> This works only in Google Chrome.</p>
<table>
  <tr>
    <th>September <dialog open>This is an open dialog window</dialog></th>
    <th>October</th>
    <th>November</th>
  </tr>
  <tr>
    <td>30</td>
    <td>31</td>
    <td>30</td>
  </tr>
</table>
</body>
</html>

Result

Note: This works only in Google Chrome.

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

Attributes

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