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>
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.0 | Not supported | 59.0 | 6.0 | 24.0 |
Differences Between HTML 4.01 and HTML5
The <dialog> tag is new in HTML5.
Attributes
| 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
HTML <dialog> open Attribute
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>
Definition and Usage
The open attribute is a boolean attribute.
When present, it specifies that the dialog element is active and that the user can interact with it.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
| Attribute | |||||
|---|---|---|---|---|---|
| open | 37 | Not supported | 59.0 | 6.0 | 24 |
Differences Between HTML 4.01 and HTML5
The <dialog> tag is new in HTML5.
Differences Between HTML and XHTML
In XHTML, attribute minimization is forbidden, and the open attribute must be defined as <dialog open=”open”>.
Syntax
<dialog open>
