HTML5 dialog tag - Dialog box example

Write code here

J | B | A

<!DOCTYPE html>
<html>
	<head>
		<title>Demo</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

</head>
<body>
	 This is used to provide in-page  dialog box functionality.

<em>Not supported in most of the browser. Google Chrome supports it.</em>
    
    DotNetFunda.com s a popular online tutorials and guide for latest Microsoft® technologies aimed 
    for beginners and intermediate level professionals. We help beginners to become intermediate 
    level professionals and help intermediate level professionals to become an expert. 
    By following our different sections regularly, we hope you will soon become one of the 
    
    'Most Valuable' <dialog id="d1">DNF MVC</dialog>
    
    professional and start shining in your career.

<p><button onclick="ToggleDialog()">Toggle Dialog</button> </p>
<script>
	function ToggleDialog()
	{
		if ($("#d1").attr("open") == "open")
		{
			$("#d1").removeAttr("open");
		}
		else
		{
			$("#d1").attr("open", "open");
		}
	}
</script>

</body>
</html>

Note: We DO NOT save your trial code in our database.

HTML5 > Dialog Tag - Dialog Box

Write code here

Output