Radio button

Last updated
Four options on a radio button. When a new option is chosen, the previously chosen option is unselected. Option-buttons2.gif
Four options on a radio button. When a new option is chosen, the previously chosen option is unselected.

A radio button or option button[ citation needed ] is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options. [1] The singular property of a radio button makes it distinct from checkboxes, where the user can select and unselect any number of items.

Contents

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

A radio with a row of five pop-out buttons Car Radio of Analog Era.jpg
A radio with a row of five pop-out buttons

Radio buttons were named after the physical buttons used on older radios to select preset stations [2] [1] – when one of the buttons was pressed, other buttons would pop out, leaving the pressed button the only button in the "pushed in" position.

HTML

In web forms, the HTML element <inputtype="radio"> is used to display a radio button. Example:

<form><inputtype="radio"name="season"value="winter"checked>Winter     <inputtype="radio"name="season"value="spring">Spring     <inputtype="radio"name="season"value="summer">Summer     <inputtype="radio"name="season"value="autumn">Autumn </form>

A group of attributes is defined by name. In one group, only one radio button can be chosen.

Unicode

Version 6 of the Unicode standard includes a character designated to represent a radio button, (🔘) at code point 128,280 (U+1F518), found in the Miscellaneous Symbols and Pictographs section. Similar characters are the mathematical operator U+2299CIRCLED DOT OPERATOR as well as U+25C9FISHEYE and U+25CEBULLSEYE.

The font Wingdings 2 contains at position 153 and 158 glyphs that look like radio buttons.

See also

Related Research Articles

<span class="mw-page-title-main">Computer mouse</span> Pointing device used to control a computer

A computer mouse is a hand-held pointing device that detects two-dimensional motion relative to a surface. This motion is typically translated into the motion of a pointer on a display, which allows a smooth control of the graphical user interface of a computer.

In computing, Common Gateway Interface (CGI) is an interface specification that enables web servers to execute an external program to process HTTP/S user requests.

<span class="mw-page-title-main">HTML</span> HyperText Markup Language

The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It defines the meaning and structure of web content. It is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

An HTML element is a type of HTML document component, one of several types of HTML nodes. The first used version of HTML was written by Tim Berners-Lee in 1993 and there have since been many versions of HTML. The most commonly used version is HTML 4.01, which became official standard in December 1999. An HTML document is composed of a tree of simple HTML nodes, such as text nodes, and HTML elements, which add semantics and formatting to parts of document. Each element can have HTML attributes specified. Elements can also have content, including other elements and text.

<span class="mw-page-title-main">Menu (computing)</span> List of options or commands within a computer program

In user interface design, a menu is a list of options or commands presented to the user of a computer or embedded system. A menu may either be a system's entire user interface, or only part of a more complex one.

<span class="mw-page-title-main">Checkbox</span> Element of graphical user interfaces

A checkbox is a graphical widget that allows the user to make a binary choice, i.e. a choice between one of two possible mutually exclusive options. For example, the user may have to answer 'yes' (checked) or 'no' on a simple yes/no question.

<span class="mw-page-title-main">Drag and drop</span> Action in computer graphic user interfaces

In computer graphical user interfaces, drag and drop is a pointing device gesture in which the user selects a virtual object by "grabbing" it and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects.

<span class="mw-page-title-main">Graphical widget</span> Element of interaction in a graphical user interface

A graphical widget in a graphical user interface is an element of interaction, such as a button or a scroll bar. Controls are software components that a computer user interacts with through direct manipulation to read or edit information about an application. User interface libraries such as Windows Presentation Foundation, Qt, GTK, and Cocoa, contain a collection of controls and the logic to render these.

<span class="mw-page-title-main">Button (computing)</span> Graphical user interface element

In computing, a button is a graphical control element that provides the user a simple way to trigger an event, like searching for a query at a search engine, or to interact with dialog boxes, like confirming an action.

DOM Events are a signal that something has occurred, or is occurring, and can be triggered by user interactions or by the browser. Client-side scripting languages like JavaScript, JScript, ECMAScript, VBScript, and Java can register various event handlers or listeners on the element nodes inside a DOM tree, such as in HTML, XHTML, XUL, and SVG documents.

There are various ways in which calculators interpret keystrokes. These can be categorized into two main types:

A webform, web form or HTML form on a web page allows a user to enter data that is sent to a server for processing. Forms can resemble paper or database forms because web users fill out the forms using checkboxes, radio buttons, or text fields. For example, forms can be used to enter shipping or credit card data to order a product, or can be used to retrieve search results from a search engine.

The X Window System core protocol is the base protocol of the X Window System, which is a networked windowing system for bitmap displays used to build graphical user interfaces on Unix, Unix-like, and other operating systems. The X Window System is based on a client–server model: a single server controls the input/output hardware, such as the screen, the keyboard, and the mouse; all application programs act as clients, interacting with the user and with the other clients via the server. This interaction is regulated by the X Window System core protocol. Other protocols related to the X Window System exist, both built at the top of the X Window System core protocol or as separate protocols.

In HTML, a file-select control is a component of a web form with which a user can select a local file. When the form is submitted, the file is uploaded to the web server. There, when the file arrives, some action usually takes place, such as saving the file on the web server. However, the particular action that takes place is determined by the server-side script to which the form is submitted.

HTML attributes are special words used inside the opening tag to control the element's behaviour. HTML attributes are a modifier of a HTML element type. An attribute either modifies the default functionality of an element type or provides functionality to certain element types unable to function correctly without them. In HTML syntax, an attribute is added to a HTML start tag.

<span class="mw-page-title-main">Frame (GUI)</span>

A frame, or group box, is a type of box within which a collection of graphical control elements can be grouped as a way to show relationships visually, either because the items are functionally related, or because they apply to related objects.

<span class="mw-page-title-main">GNOME Calculator</span> Software calculator

GNOME Calculator, formerly known as gcalctool, is the software calculator integrated with the GNOME desktop environment. It is programmed in C and Vala and part of the GNOME Core Applications.

MARIA is a universal, declarative, multiple abstraction level, XML-based user interface markup language for modelling interactive applications in ubiquitous environments.

<span class="mw-page-title-main">Popover (GUI)</span>

A popover is a container-type graphical control element that hovers over its parent window and blocks any other interaction until it is selected. It can contain various other graphical control elements such as checkboxes, radio buttons, or list boxes. Like any container-type graphical control element, it is meant to group elements that belong together.

References

  1. 1 2 "Radio Buttons". Windows Dev Center. Retrieved 14 September 2016.
  2. Yumashev, Alex. "The history of a radio-button". JitBit Founders Blog. Retrieved 14 September 2016.