تگ menuitem در HTML
مثال (تگ menuitem در HTML)
یک منوی زمینه با عناصر مختلف <menuitem>:
<menu type="context" id="mymenu">
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter" icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter" icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
خودتان امتحان کنید »
تعریف و کاربرد تگ menuitem در HTML
تگ <menuitem> برای معرفی یک آیتم دستوری یا آیتم منو که کاربر می تواند از منوی popup آن را فراخوانی کند.
پشتیبانی مرورگرها از تگ menuitem در HTML
برای اولین بار شماره در جدول نسخه ی مرورگر نشان داده می شود، شما به طور کامل پشتیبانی عناصر را مشخص کنید.
| عنصر | |||||
|---|---|---|---|---|---|
| <menuitem> | پشتیبانی نمی شود | پشتیبانی نمی شود | 8.0 (for context menus) |
پشتیبانی نمی شود | پشتیبانی نمی شود |
تفاوت بین HTML 4.01 و HTML5
تگ <menuitem> یک تگ جدید در HTML5 است.
خصوصیت ها
= جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| checked | checked | مشخص می کند هنگامی که صفحه لود می شود آیتم دستور یا منو باید چک شود. (فقط برای type="radio" یا type="checkbox") |
| command | ||
| default | default | قرار دادن آیتم دستور یا آیتم منو به عنوان پیش فرض برای دستور |
| disabled | disabled | غیر فعال کردن آیتم دستور یا آیتم منو را مشخص می کند. |
| icon | URL | یک آیکون برای منوی شما مشخص می کند. |
| label | text | الزامی است. مشخص کننده نامی برای یک آیتم دستوری یا آیتم منو، چنانکه برای کاربر نشان داده شود. |
| radiogroup | groupname | مشخص کننده یک نام برای گروهی از دستورات که می خواهند روشن شوند هنگامی که آیتم دستور یا آیتم منو خودش روشن باشد. (فقط برای نوع"radio") |
| type | checkbox command radio |
نوع آیتم دستوری یا آیتم منو را مشخص می کند. به طور پیش فرض از "command" استفاده می شود. |
ویژگی های عمومی تگ menuitem در HTML
تگ <menuitem> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ menuitem در HTML
تگ <menuitem> از رویدادهای عمومی در HTML پشتیبانی می کند.
- نوشته شده توسط سمیه فخری
- بازدید: 9391
دیدگاه‌ها
سلام
کاش بهتر توضیح میدادید
الان 48 ساعته تو همین مبحث menu گیر کردم نمیفهم چیکار میکنه و اصلا چی هست.
بدون اینکه حتی کوچکترین توضیحی در مورد نحوه کارکردش بدید.
قسمت خودتان امتحان کنید خوبه ولی به شرطی که راجب کدش توضیح هم بدید.
به نظرم "خودتان بررسی کنید و بدون کمک یاد بگیرید" عنوان بهتری واسه این قسمته.
سلام
همان طور که در بالا مشاهده کردید، تگ menuitem فقط در firefox کار میکنه، بنابراین پیشنهاد می شه روی مواردی که در تمام مرورگرهای اصلی کار نمی کنه، وقت نزارید...!