HTML <menu> type Attribute
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 |
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