An element that can be turned on and off. Radio buttons are almost always grouped together in groups. Only one radio button with-in the same group may be turned on at a time. The user can switch which radio button is turned on by selecting it with the mouse or keyboard. Other radio buttons in the same group are turned off. A label, specified with the value attribute may be added beside the radio button to indicate to the user as to its function.

Attributes inherited from XUL Element

This should be set to a letter that is used as a shortcut key. This letter should be one of the characters that appears in the label text for the radio. This letter will typically be drawn underlined, although this behavior will be platform and skin specific. When the user presses ALT (or a similar key that varies on each platform) and the access key, the radio will be activated from anywhere in the window.

If the label of the radio is too small to fit in its given space, the text will be cropped on the side specified by the crop attribute. An ellipsis will be placed in place of the cropped text.

• left: The text will be cropped on its left side.
• right: The text will be cropped on its right side.
• center: The text will be cropped on both sides.
• none: The text will be not be cropped using an ellipsis. However, the text will simply be cut off if it too large. The side depends on the CSS text alignment.

You can associate a data value with each menu and menuitem. It is used for nothing but you can access it with a script for your own purposes.

If this attribute is set to true, the radio is disabled. This is usually drawn with the text in grey. If the radio is disabled, the function of the button cannot be performed. The value may also be set to false for a regular active button. If this attribute is left out entirely, the button is enabled.

Indicates the flexibility of the radio. Flexible elements grow and shrink to fit their given space. The actual value is not relevant unless there are other flexible elements with-in the same container. Elements with larger flex values will grow more than elements with lower flex values, at the ratio determined by the two elements.

Radio buttons with the same value for their group attribute are put into the same group. Only one radio button from each radio group can be checked at a time. If one is checked, the others are unchecked.

The height of the radio in pixels. It is recommended to use the CSS height property instead.

For elements placed within a bulletinboard, specifies the position of the left edge of the radio.

Used to specify whether the children of the radio element are oriented horizontally or vertically.

• horizontal: Child elements of the radio are placed next to each other in a row in the order that they appear in the XUL source.
• vertical: Child elements of the radio are placed under to each other in a column in the order that they appear in the XUL source.

The URL of the image to appear on the radio. If this is attribute is left out, no image appears.

For elements placed within a bulletinboard, specifies the position of the top edge of the radio.

The label that will appear on the radio. If this is left out, no text appears.

The width of the radio in pixels. It is recommended to use the CSS width property instead.

Properties and Methods inherited from XUL Element

Gets and sets the value of the accesskey attribute.

Gets and sets the value of the crop attribute.

You can associate a data value with each menu and menuitem. It is used for nothing but you can access it with a script for your own purposes.

Gets and sets the value of the disabled attribute.

Radio buttons with the same value for their group attribute are put into the same group. Only one radio button from each radio group can be checked at a time. If one is checked, the others are unchecked.

Gets and sets the value of the imgalign attribute.

Gets and sets the value of the src attribute.

Gets and sets the value of the value attribute.