RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/html/elements/menu below:

menu · WebPlatform Docs

menu Summary

The menu element represents information as a list of items or commands.

Overview Table

DOM Interface: HTMLMenuElement

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>

View live example

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