صفحه اول >> دانستنی ها >>
آموزش تگ 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>
<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;
}
border:3px solid black;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.