Radio button
Template:Short description Lua error in package.lua at line 80: module 'Module:Hatnote list' not found.
Page Module:Message box/ambox.css has no content.
 | This article needs additional citations for verification. (November 2022) |
A radio button or option button[1] is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.[2] The singular property of a radio button makes it distinct from checkboxes, where the user can select and unselect any number of items.
Radio buttons are arranged in groups of two or more and displayed on screen as, for example, a list of circular holes that can contain white space (for unselected) or a dot (for selected). Each radio button is normally accompanied by a label describing the choice that the radio button represents. The choices are mutually exclusive; when the user selects a radio button, any previously selected radio button in the same group becomes deselected (making it so only one can be selected). Selecting a radio button is done by clicking the mouse on (or touching the screen over) the button, or the caption, or by using a keyboard shortcut.
Etymology
Radio buttons are named after the physical buttons that were used on radios to select preset stations.[3][2] When one of the buttons is pressed, the other buttons pop out while leaving the pushed one pressed in.
HTML
In web forms, the HTML element <input type="radio"> is used to display a radio button. Example:
<form>
<input type="radio" name="season" value="winter" id="winter" checked>
<label for="winter">Winter</label>
<input type="radio" name="season" value="spring" id="spring">
<label for="spring">Spring</label>
<input type="radio" name="season" value="summer" id="summer">
<label for="summer">Summer</label>
<input type="radio" name="season" value="autumn" id="autumn">
<label for="autumn">Autumn</label>
</form>
A group of attributes is defined by name. In one group, only one radio button can be chosen.
Unicode
Version of the Unicode standard includes a character designated to represent a radio button: Page Template:Mono/styles.css has no content.U+1F518 🔘 Script error: No such module "Unicode data"., found in the Miscellaneous Symbols and Pictographs section. Similar characters are the mathematical operator Page Template:Mono/styles.css has no content.U+2299 ⊙ Script error: No such module "Unicode data". as well as Page Template:Mono/styles.css has no content.U+25C9 ◉ Script error: No such module "Unicode data". and Page Template:Mono/styles.css has no content.U+25CE ◎ Script error: No such module "Unicode data". and others resembling a circled dot.
The font Wingdings 2 contains at position 153 and 158 glyphs that look like radio buttons.
See also
References
Page Template:Reflist/styles.css has no content.
- ^ Page Module:Citation/CS1/styles.css has no content."About Option Buttons". docs.oracle.com. Retrieved 2025-02-02.
- ^ a b Page Module:Citation/CS1/styles.css has no content."Radio Buttons". Windows Dev Center. Retrieved 14 September 2016.
- ^ Page Module:Citation/CS1/styles.css has no content.Yumashev, Alex. "The history of a radio-button". JitBit Founders Blog. Retrieved 14 September 2016.
External links
- Template:IETF RFC: the HTML 2.0 specification, which defined radio buttons on the web.
- W3 HTML 4.01 Specification
- Usage of radio buttons in Sun's Java Programming Tutorial
- Page Module:Citation/CS1/styles.css has no content.Nielsen, Jakob (September 27, 2004). "Checkboxes vs. Radio Buttons". Nielsen Norman Group (article). [Fremont, California]. Retrieved November 12, 2014.
Lua error in package.lua at line 80: module 'Module:Navbox/configuration' not found.
