HTML <menu> type Attribute
Last Updated :
12 Aug, 2022
The type attribute in <menu> element is used to define the type of menu bar. It is also used with the <menuitem> tag which defines the type of commands of the menu items.
Syntax:
<menu type="list|context|toolbar">
Note: This attribute has been deprecated and is no longer used.
Attribute values:
- list: It has a default value. It defines a list of menus that performs some actions when interacting with the user.
- context: It defines a context menu that will perform an action before interacting with the user.
- toolbar: It defines a toolbar menu that allows commands, allows the user to interact with the commands immediately.
Example: Below HTML code demonstrates the HTML <menu> type attribute.
HTML
<!DOCTYPE html>
< html >
< body >
< center >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< h2 >HTML < menu > type attribute</ h2 >
< div style="background:green;
border:2px solid black;
padding: 10px;"
contextmenu = "geeks" >
< p >A Computer Science Portal for Geeks</ p >
< menu type = "context" id = "menuID" >
< menu label = "Share on..." >
< menuitem label = "Twitter"
onclick =
"window.open('//twitter.com/intent/tweet?text='+ window.location.href);" >
</ menuitem >
< menuitem label = "Pinterest" onclick=
"window.open(
window.location.href);">
</ menuitem >
</ menu >
< menuitem label = "Email This Page"
onclick=" window.location = 'mailto:?body='
+ window.location.href;">
</ menuitem >
</ menu >
</ div >
< p >A Computer Science Portal for Geeks</ p >
< hr >
< p >Right click on green div and see the menuitem
</ center >
</ body >
</ html >
|
Output:
Supported Browsers
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...