menu
Summary
The menu element represents information as a list of items or commands.
Overview Table
The menu element is used to define a list as a menu of commands. It can have event and global attributes in addition to two of its own.
The menu element has partial support in Firefox only for the context form.
Attributes
- label - Text for the label to display for the menu item.
- type - How the menu should be displayed to the user. Possible values are:
- context - Display a series of entries triggered by another element. Like a dropdown for example.
- list - Default. The name could change to toolbar in HTML 5.1. Displays menu items that are always within view.
The menu element also accepts global attributes and event attributes.
Examples
This is an example of the menu element using the type and label attributes as well as the button element.
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" onclick="file_new()">New...</button>
<button type="button" onclick="file_open()">Open...</button>
<button type="button" onclick="file_save()">Save</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onclick="edit_cut()">Cut</button>
<button type="button" onclick="edit_copy()">Copy</button>
<button type="button" onclick="edit_paste()">Paste</button>
</menu>
</li>
</menu>
Usage
The menu and ul both represent an unordered list of items. They differ in the way that the ul element only contains items to display while the menu element contains interactive items, to act on.
Related specifications
- HTML 5.1
- W3C Working Draft
See also
Other articles
Attributions
Microsoft Developer Network: [Windows Internet Explorer API reference Article]