HTML <menu> type Attribute

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(
        'http://pinterest.com/pin/create/button/?url=' + 
                        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:

HTML menu type attribute

Supported Browsers

Firefox 8.0

HTML <menu> type Attribute

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML <menuitem> type Attribute

The type attribute in <menuitem> tag is used to define the type of commands of the menuitems. Â Syntax:<menuitem type="command|checkbox|radio">Attribute Values:command: It has a Default value. It defines Â a standard order with an actioncheckbox: It defines a command that can be toggled us

HTML <ol> type Attribute

The HTML <ol> type attribute specifies the kind of marker to use in the list (letters or numbers). This attribute allows customization of ordered list markers, offering options like decimal numbers, uppercase or lowercase letters, and uppercase or lowercase Roman numerals, tailoring the list a

HTML <style> type Attribute

HTML <style> type Attribute is used to specify the MIME type of the <style> Tag. The attribute is used to identify the type of content contained by the <style> Tag. The default value is "text/css" which indicates that the content is CSS.Â Syntax: <style type="media_type"> Not

HTML <a> type Attribute

The HTML <a> type attribute specifies the MIME type of the linked document. It is not widely used, the type attribute can help browsers to understand the type of content that is being linked. It can be beneficial for certain applications and optimizations.Syntax<a type="media_type">Attri

HTML | <object> type Attribute

The HTML <object> type Attribute is used to specify the Internet type of MIME type of the Object. Syntax: <object type="media_type"> Attribute Values media_type It is used to specify the Internet media type of the embedded file. Example: html <!DOCTYPE html> <html> <body

HTML <ul> type Attribute

The HTML <ul> type attribute in the <ul> tag specifies the type of marker used in an unordered list. Values include disc (default filled circle), circle (hollow circle), square, and none. It controls the appearance of list items. Note: The ul type attributes are not supported by HTML 5.

HTML | <li> type Attribute

The <li> type attribute in HTML is used to specify the type of a list items. This attribute also defines the style of the bullet point of the list items. Syntax: <li type="1|a|A|i|I|disc|circle|square"> Attribute Values: For ordered list items: 1: It is the default value. It is used to s

HTML <menuitem> icon Attribute

The HTML <menuitem> icon Attribute is used to define the pictorial representation of the menu command or menu item. It contains the URL of a specified image. Syntax: <menuitem icon="URL">Attribute Values: It contains a single value URL that specifies an icon for a particular menu item. T

HTML | <script> type Attribute

The HTML <script> type Attribute is used to specify the MIME type of script and identify the content of the Tag. It has a Default value which is â€œtext/javascriptâ€. Syntax: <script type="media_type"> Attribute Values: It contains a single value i.e media_type which specifies the MIME type

HTML | <meta> name Attribute

The HTML <meta> name Attribute is used to specify the name for the metadata. This attribute is used to define the name for the information/value of the content attribute. Note: If the http-equiv attribute is set, the name attribute should not be set. Syntax: <meta name="value"> Examples: