<dialog> tag in HTML5

The <dialog> tag is new in HTML5. It is used to create a new popup dialog on a web page.

Important Description

• The <dialog> tag define a dialog box OR window.
• The <dialog> element used to represent interactive component.
• Open and close tag required of <dialog>.

Syntax Example

<dialog open>
  <p>This is dialog syntax</p>
</dialog>

Example of <dialog> tag

Advanced Example

Result Look Like

<dialog> tag Browser Support

Global Attributes

• The <dialog> tag supports all the Global Attributes in HTML.

Event Attributes

• The <dialog> tag supports all the Event Attributes in HTML.

<dialog> Attributes

• The <dialog> tag have one specific attribute open.
• Open attribute specifies that the dialog element is active and that the user can interact with <dialog>.
• The tabindex attribute must not be used on the <dialog> element.