HTML CSS examples for HTML Tag:menuitem
The required label attribute sets the name of the command/menu item, as shown to the user.
Value | Description |
---|---|
text | the visible label of the menu item |
The following code shows how to Specify labels 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><!-- www . j av a2 s .co 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>