Status: Aktueller Standard
<dialog> steht für dialog (Rede, Unterhaltung).
<dialog>-Element ist ein semantisches HTML5-Element zur Darstellung von Dialogfenstern, z.B. Modals, Bestätigungsfenstern oder interaktiven Pop-ups. Es wurde entwickelt, um zugängliche, standardisierte Dialoge ohne umfangreiche JavaScript-Workarounds zu ermöglichen. Es läßt sich mit ESC schließen.
<dialog>...</dialog>Bei Seitenaufruf ist Dialog geöffnet
<dialog>
- --- <dialog id="meinDialog">
<p>Hallo Welt</p>
<button onclick="document.getElementById('meinDialog').close()">
Schließen
</button>
</dialog>
<button onclick="document.getElementById('meinDialog').showModal()">
Öffnen
</button>
<dialog>
- --- <dialog id="confirm">
<form method="dialog">
<p>Möchten Sie fortfahren?</p>
<button value="ja">Ja</button>
<button value="nein">Nein</button>
</form>
</dialog><form>-Element liefert 'method=dialog' das Ergebnis in der Variablen 'dialog.returnValue' für eine Auswertung mit JavaScript. Normalerweise schließt der Dialog nach Klick auf einen Button. Für die Demo-Zwecke auf der Seite habe ich dies unterdrückt.