基礎

HTML要素

ダイアログ

dialog要素

最終更新日：2023-09-18
公開日：2016-05-26

ページ閲覧者が任意で開閉できるダイアログ（メッセージ）を表示します。button要素やJavaScriptと組み合わせて使用します。

HTML サンプルコード

<button onclick="document.getElementById('test_dialog').show();">表示</button>
<dialog id="test_dialog">
  <p>ダイアログ表示</p>
  <button onclick="document.getElementById('test_dialog').close();">閉じる</button>
</dialog>

カテゴリー

セクショニングルート、フローコンテンツ
コンテンツモデル

フローコンテンツ
使用ケース

フローコンテンツが期待される場所

属性

グローバル属性: 下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。
open: この属性が指定されていると初期状態が開いた状態となります。論理属性です。