داغ ترین ویدیو بابلز لرن : هک کلاس های مجازی توسط متین برونسی

تگ dialog در HTML

  /  فرانت اند   /  HTML   /  تگ dialog در HTML

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

مثال

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


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

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

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


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

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

عنصر
<dialog>37.079.053.0*پشتیبانی نمی شود24.0

خواص

خاصیتمقدارتوضیحات
openopenمشخص میکند که عنصر <dialog> فعال هست و آن را در مرورگر به کاربر نمایش می دهد

خواص عمومی

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

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

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

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

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

dialog{
  border:3px solid black;
}

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

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

تماشا در حالت تمام صفحه

5/5 - (3 امتیاز)

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر