Tutorials References Exercises Videos Menu
Free Website Get Certified Upgrade

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

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