HTML <menu> type Attribute
HTML <menu> tag
Example
A context menu:
<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 type attribute specifies the type of menu.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Attribute |
|
|
|
|
|
type |
Not supported |
Not supported |
8.0 (only type="context") |
Not supported |
Not supported |
Differences Between HTML 4.01 and HTML5
The <menu> element is redefined in HTML5, and the type attribute is new.
Syntax
<menu type="list|context|toolbar">
Attribute Values
Value |
Description |
list |
Default. Specifies a list menu. A list of commands (li elements),
that the user can perform or activate |
context |
Specifies a context menu. The menu must be activated before the user
can interact with the commands |
toolbar |
Specifies a toolbar menu. Active commands, allows the user to
interact with the commands immediately |
HTML <menu> tag
Color Picker