HTML | dialog open Attribute

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

HTML | dialog open Attribute

Explore