The dialogue (<dialog>) element

The HTML 5 <dialog> element is used to define a dialog box or a window. It may be used with form elements as well, specifying them with the attribute method="dialog". When such a form is submitted, the dialog is closed with a return value attribute set to the value of the submit button used.

Syntax:

<dialog></dialog>

Attributes:

open; If set to open, it will make the dialog box opened by default
global attributes
event attributes

Example

The dialog box in HTML5 example:

<!DOCTYPE html>
<html lang='en-us'>
<head><style type='text/css'>
	body{background-color:#343434; color:#ddd;}
	table{background-color:#f0f0f0; padding:2px 5px; margin:1.5em auto; height:200px; color:#998877;}
	td{border:1px solid #555;} th {border:2px solid #222;}
	dialog{margin:-3.6em 0px}
</style></head>
<body>
<table border: 1px solid black >
  <tr>
    <th>Java <dialog open>This is an open dialog window</dialog></th>
    <th>asp.net</th>
    <th>php</th>
  </tr>
  <tr>
    <td>JDBC</td>
    <td>sqlserver</td>
    <td>mysql</td>
  </tr>
</table>
</body>
</html>

›› go to examples ››

The dialogue (<dialog>) element

Syntax:

Attributes:

Example

The dialog box in HTML5 example:

Comments

About

Contact

Get Connected