HTML <menuitem> Tag
Example
A context menu with different <menuitem> elements:
<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>
Try it yourself »
Definition and Usage
The <menuitem> tag defines a command/menu item that the user can invoke from a popup menu.
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
| Element | |||||
|---|---|---|---|---|---|
| <menuitem> | Not supported | Not supported | 8.0 (for context menus) |
Not supported | Not supported |
Note: The <menuitem> tag is only supported in Firefox, and it only works for context menus.
Differences Between HTML 4.01 and HTML5
The <menuitem> tag is new in HTML5.
Attributes
= New in HTML5.
| Attribute | Value | Description |
|---|---|---|
| checked | checked | Specifies that the command/menu item should be checked when the page loads. Only for type="radio" or type="checkbox" |
| command | ||
| default | default | Marks the command/menu item as being a default command |
| disabled | disabled | Specifies that the command/menu item should be disabled |
| icon | URL | Specifies an icon for the command/menu item |
| label | text | Required. Specifies the name of the command/menu item, as shown to the user |
| radiogroup | groupname | Specifies the name of the group of commands that will be toggled when the command/menu item itself is toggled. Only for type="radio" |
| type | checkbox command radio |
Specifies the type of command/menu item. Default is "command" |
Global Attributes
The <menuitem> tag also supports the Global Attributes in HTML.
Event Attributes
The <menuitem> tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: MenuItem Object
