تگ dialog در HTML

با استفاده از تگ dialog در HTML میتوانیم یک پنجره پاپ آپ ( بازشو ) یا مودال در سند ایجاد کنیم.

مثال

<dialog open>این یک پنجره پاپ آپ ( گفت و گو ) هست</dialog>

تست آنلاین کد

تعریف و کاربرد

تگ dialog در HTML یک کادر محاوره ای زیر پنجره را تعریف میکند.

معمولاً از عنصر <dialog> برای ایجاد پنجره های تبلیغاتی پاپ آپ استفاده می شود.

پشتیبانی مرورگر ها

اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.

خواص

خواص عمومی

تگ dialog از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ dialog از رویداد های عمومی در HTML پشتیبانی میکند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر dialog در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

dialog{
  border:3px solid black;
}

مثال های بیشتر

در این مثال با استفاده از خواص CSS و زبان Javascript یک دکمه ایجاد کرده ایم که با کلیک کاربر پنجره ما نمایش داده می شود: