HTML menuitem Tag

HTML menuitem: Main Tips

• HTML <menuitem> tag was used to declare a command which the user could request from a popup menu.
• To set up a new command, you could utilize one or multiple of tag-specific attributes.
• You could also use the command attribute to connect to other commands.
• HTML menuitem tag has been deprecated since HTML 5.2.

What <menuitem> Meant

Now unsupported HTML menuitem element defined a command to invoke from the popup menu by the user:

<img src="https://cdn.bitdegree.org/learn/pom-laptop.png?raw=true" id="doggo" width="250" alt="Space Doggo" contextmenu="sunmenu">

<menu type="context" id="sunmenu">
    <menuitem label="Zoom In" icon="https://github.com/bitdegree/banners/blob/master/banners/html_small.png?raw=true" onclick="zoomin()">
    <menuitem label="Zoom Out" icon="https://github.com/bitdegree/banners/blob/master/banners/html_small.png?raw=true" onclick="zoomout()">
    <menuseparator/>
    <menuitem label="Reload Image" icon="https://github.com/bitdegree/banners/blob/master/banners/html_small.png?raw=true" onclick="window.location.reload();">
</menu>

In the example above, you can also see a <menuseparator/> tag which created a HTML menuitem separator. It was a thin line separating the possible commands. When creating a website, HTML menuitem separator could be used to group similar options to simplify the user experience.

Tag Attributes Used With HTML menuitem

There were seven tag-specific attributes to the now unsupported HTML menuitem. See them in the table below:

Browser support

Mobile browser support