HTML Dialog Tag

HTML <dialog> tagto create a new popup dialog on a web page. This tag represents a dialog box or other interactive component like window.

The <dialog> element uses a boolean attribute called open that activate element and facilitate user to interact with it.

HTML dialog is a new tag introduced in HTML5.

HTML dialog tag example

Examle

<html>

<head>

<div>

<p><q>Hii Welcome to all .i hope that this blog is help full to you.

</q> - <cite>Admin-javaforbegnnerstutorials.in</cite></p>

<button id="hide">Close</button>

</dialog>

<button id="show">Show Dialog</button>

</div>

(function() {

var dialog = document.getElementById('myFirstDialog');

document.getElementById('show').onclick = function() {

dialog.show();

};

document.getElementById('hide').onclick = function() {

dialog.close();

};

})();

</script>

</body>

</center>

</head>

</hrml>

Output