آموزش تگ dialog در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ dialog در HTML با من همراه باشید.

آموزش تگ dialog در HTML

Free-Learn

تگ dialog در HTML

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

این تگ در حالت عادی شکل و شمایل خاصی ندارد ولی خب ما با استفاده از CSS میتونیم به راحتی به آن استایل بدهیم و یا همچنین با استفاده از JavaScript میتونیم به آن امکاناتی همچون (باز و بسته شدن توسط کاربر) را بدهیم.

Free-Learn

مثال از تگ dialog در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : استفاده از تگ dialog بدون هیچ استایلی – با استفاده از صفت open بصورت پیش فرض دیالوگ را نمایش میدهیم.

امتحان کنید

مثال شماره ۲ : سفارشی سازی تگ دیالوگ با استفاده از CSS و JavaScript

امتحان کنید

Free-Learn

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

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

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی ۳۷٫۰ ۵۹٫۰ ۲۴٫۰ ۶٫۰ خیر

Free-Learn

جدول صفات تگ dialog در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

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

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

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

Free-Learn

نکات و توضیحات

تگ dialog یک تگ جدید/اضافه شده در HTML5 می باشد.

Free-Learn

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

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


Free-Learn