HTML CSS examples for HTML Tag:menuitem
The icon attribute specifies an image that represents the command/menu item.
Value | Description |
---|---|
URL | Specifies an icon for the menu item. |
The following code shows how to specify icons for different <menuitem> elements:
<!DOCTYPE html> <html> <body> <div style="background:yellow;border:1px solid #cccccc;padding: 10px;" contextmenu="mymenu"> <p>Right-click inside this box to see the context menu!</p> <menu type="context" id="mymenu"> <menuitem disabled label="Refresh" onclick="window.location.reload();" icon="https://www.java2s.com/style/demo/Opera.png"></menuitem> <menu label="Main Menu"> <menuitem label="Sub 1" icon="https://www.java2s.com/style/demo/Firefox.png" onclick="window.open('http://java2s.com/' + window.location.href);"></menuitem> <menuitem label="Sub 2" icon="https://www.java2s.com/style/demo/Google-Chrome.png" onclick="window.open('http://java2s.com/' + window.location.href);"></menuitem> </menu><!-- ww w. j a v a 2s. c o m--> <menuitem type="checkbox" default="default" checked="checked" label="Item" onclick=""></menuitem> </menu> </div> <p>This example currently only works in Firefox!</p> </body> </html>