menuitem radiogroup Attribute - HTML CSS HTML Tag

HTML CSS examples for HTML Tag:menuitem

  1. HOME
  2. HTML CSS
  3. HTML Tag
  4. menuitem

Description

The radiogroup attribute sets the name of the group of command.

This attribute can only be used if type="radio".

Attribute Values

Value Description
groupname Specifies the name of the group of command

Demo Code

ResultView the demo in separate window 

<!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 radiogroup = 'a' type="radio" label="Sub 1" icon="https://www.java2s.com/style/demo/Firefox.png" onclick="window.open('http://java2s.com/' + window.location.href);"></menuitem>
    <menuitem radiogroup = 'a' type="radio" label="Sub 2" icon="https://www.java2s.com/style/demo/Google-Chrome.png" onclick="window.open('http://java2s.com/' + window.location.href);"></menuitem>
  </menu><!--   w  w w  .j ava2s  .c o  m-->
  <menuitem type="checkbox" default="default" checked="checked" label="Item" onclick=""></menuitem>
</menu>

</div>

</body>
</html>

Related Tutorials