برای استفاده از همه امکانات سایت باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش تگ dialog در HTML - راهنمای کار با پنجره ها در html

dialog ایجاد پنجره پاپ آپ و modal را در صفحه آسان می کند. پنجره dialog در حالت عادی شکل خاصی ندارد و با استفاده از css می توان استایل آن را تغییر داد و با ...

dialog ایجاد پنجره پاپ آپ و modal را در صفحه آسان می کند.

پنجره dialog در حالت عادی شکل خاصی ندارد و با استفاده از css می توان استایل آن را تغییر داد و با استفاده از جاوا اسکریپت امکانات باز و بسته شدن را به آن اضافه کرد.

مثال تگ dialog در HTML:

<dialog open>This is an open dialog window</dialog>
<p><b>Note:</b> The dialog tag is not supported in Safari and Edge (prior version 79).</p>


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

تگ <dialog> در مرورگرهای کروم 37، فایرفاکس 53، اپرا 24، اینترنت اکسپلورر 79 به بالا پشتیبانی می شود.

عدم پشتیبانی در مرورگر سافاری.

مرورگر کروم فایرفاکس اپرا سافاری اینترنت اکسپلورر / اج
پشتیبانی 37 53 24 --- 79

 

تگ dialog ممکن است در مرورگر موزیلا فایرفاکس بصورت پیش فرض پشتیبانی نشود، در نوار آدرس about:config را وارد کرده و dom.dialog_element.enabled رو جستجو کرده و مقدار آن را بر روی true قرار دهید.


ویژگی ها

ویژگی مقدار توضیحات
open open پنجره دیالوگ را به صورت پیش فرض در مرورگر، باز نشان می دهد.


پشتیبانی از ویژگی ها و رویدادهای عمومی

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


دستورات CSS پیش فرض

معمولا مرورگرها تگ dialog را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.

dialog{
  border:3px solid black;
}

 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،

نظرات نظرات تا اطلاع ثانوی غیر فعال است.