<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>

Example of <dialog> tag

Result Look Like

This is an open dialog window

Advanced Example

Result Look Like

This is advanced level of dialog window

<dialog> tag Browser Support

Element Chrome Edge Firefox Safari Opera
version 37.0 Not Supported 59.0 6.0 24.0
<dialog> Yes Not Supported Yes Yes Yes

Global Attributes

Event Attributes

<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.

Advertise With Us

We offer sponsored posts and guest posts with do-follow links, back-links, and other advertising services, To advertise email us at ""

© 2021 GDATAMART.COM (All Rights Reserved)