Chrome Canary では、フラグでダイアログ要素のサポートが開始されました。dialog 要素は、ウェブページのポップアップに使用できます。
show(): ダイアログを開きます。close(): ダイアログを閉じます。オプションの引数を受け取ります。この引数を指定すると、dialog.returnValueが設定されます。showModal(): モーダル ダイアログを開きます。::backdrop: モーダル ダイアログの背後の背景にスタイルを設定する疑似要素。closeイベント: ダイアログが閉じられたときに発生します。
2013 年 12 月 16 日の更新
dialog 要素で次のものがサポートされるようになりました。
cancelイベント: モーダル ダイアログで Esc キーが押されたときに発生します。このイベントはevent.preventDefault()を使用してキャンセルできます。autofocus属性: ダイアログが表示されたときに、autofocus属性を持つモーダル ダイアログ内の最初のフォーム コントロール(存在する場合)がフォーカスされます。そのような要素がない場合、最初のフォーカス可能な要素がフォーカスされます。form[method="dialog"]: ダイアログ内でのみ有効です。フォームが送信されると、ダイアログが閉じられ、dialog.returnValueが使用された送信ボタンの値に設定されます。
chrome://flags/ で [Enable experimental Web Platform features] を有効にするとオンになります。