HTML & CSS

リファレンス

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

この属性が指定されていると初期状態が開いた状態となります。論理属性です。

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

ありがとうございます。
コメントを送信しました。