最終更新日：
公開日：
リファレンス
HTML
ダイアログ
dialog要素
ページ閲覧者が任意で開閉できるダイアログ（メッセージ）を表示します。button要素やJavaScriptと組み合わせて使用します。
サンプルコード
<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
-
この属性が指定されていると初期状態が開いた状態となります。論理属性です。
こちらの記事は役に立ちましたか？
コメントありがとうございます！
運営の参考にさせていただきます。
ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。