Open In App

HTML | dialog open Attribute

Last Updated : 21 Jul, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

The HTML <dialog> open Attribute is used to specify whether the dialog box should be open or not. It is new in HTML5. It is a Boolean Attribute. If open, it means the user can interact with it.

Syntax: 

<dialog open>

Attribute Values: It accepts two values i.e. true|false which specifies whether a dialog window should be open or not. By default, it is false.

  • true:It states that the dialog window is open.
  • false: It states that the dialog window is not open.

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>
    GeeksForGeeks
</h1>
    <h3>
     HTML Dialog open Attribute
     </h3>
 
    <dialog id="Dialog"
            style="color:green"
            open>
        Welcome to GeeksforGeeks
  </dialog>
</body>
 
</html>


Output:

  

Supported Browsers: The browsers supported by HTML <dialog> open Attribute are listed below:

  • Google Chrome 37.0 and above
  • Edge 79.0 and above
  • Firefox 98.0 and above
  • Opera 24.0 and above
  • Safari 15.4 and above

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads