HTML · Interactive widgets

dialog

A native modal or non-modal dialog. showModal() adds a backdrop and focus trapping.

htmlRunnable example html course

Syntax

<dialog>…</dialog>

Example

Try it

<dialog id="welcome">
  <p>Welcome to EduByte.</p>
  <button onclick="welcome.close()">Close</button>
</dialog>
<button onclick="welcome.showModal()">Open dialog</button>

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course

dialog

Example

More in this group

Learn this in the course