DevOps:Doc/FlexForm/1.0/input/radio - Revision history

81d56153-9868-4094-90a0-df1700ff7090: Text replacement - "{{Doc properties" to "{{Csp class properties"

2025-07-15T08:59:44Z

Text replacement - "{{Doc properties" to "{{Csp class properties"

ws-class-props
← Older revision		Revision as of 10:59, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Subject version=1.0,1.1		\|Subject version=1.0,1.1

Ebc16062-dd09-4928-8cf3-821f492b0c44 at 10:02, 23 November 2022

2022-11-23T10:02:40Z

← Older revision		Revision as of 12:02, 23 November 2022
Line 2:		Line 2:
	radio		radio
	===Type===		===Type===
	~~_input~~		input
	===Synopsis===		===Synopsis===
	How to use radio buttons		How to use radio buttons
	===Description===		===Description===
	~~_input~~ elements of type radio are generally used in radio groups—collections of radio buttons describing a set of related options. Only one radio button in a given group can be selected at the same time. Radio buttons are typically rendered as small circles, which are filled or highlighted when selected.		input elements of type radio are generally used in radio groups—collections of radio buttons describing a set of related options. Only one radio button in a given group can be selected at the same time. Radio buttons are typically rendered as small circles, which are filled or highlighted when selected.
	===Parameters===		===Parameters===
	~~_input~~ type="radio"		input type="radio"

	All other valid HTML5 attributes are allowed		All other valid HTML5 attributes are allowed
Line 15:		Line 15:
	<p>Select a maintenance drone:</p>		<p>Select a maintenance drone:</p>
	<div>		<div>
	<~~_input~~ type="radio" id="huey" name="drone" value="huey" />		<input type="radio" id="huey" name="drone" value="huey" />
	<~~_label~~ for="huey">Huey</~~_label~~>		<label for="huey">Huey</label>
	</div>		</div>

	<div>		<div>
	<~~_input~~ type="radio" id="dewey" name="drone" value="dewey" checked="checked" />		<input type="radio" id="dewey" name="drone" value="dewey" checked="checked" />
	<~~_label~~ for="dewey">Dewey</~~_label~~>		<label for="dewey">Dewey</label>
	</div>		</div>

	<div>		<div>
	<~~_input~~ type="radio" id="louie" name="drone" value="louie" />		<input type="radio" id="louie" name="drone" value="louie" />
	<~~_label~~ for="louie">Louie</~~_label~~>		<label for="louie">Louie</label>
	</div>		</div>
	</syntaxhighlight>		</syntaxhighlight>
	<p>Select a maintenance drone:</p>		<p>Select a maintenance drone:</p>
	<div>		<div>
	<~~_input~~ type="radio" id="huey" name="drone" value="huey" />		<input type="radio" id="huey" name="drone" value="huey" />
	<~~_label~~ for="huey">Huey</~~_label~~>		<label for="huey">Huey</label>
	</div>		</div>

	<div>		<div>
	<~~_input~~ type="radio" id="dewey" name="drone" value="dewey" checked="checked" />		<input type="radio" id="dewey" name="drone" value="dewey" checked="checked" />
	<~~_label~~ for="dewey">Dewey</~~_label~~>		<label for="dewey">Dewey</label>
	</div>		</div>

	<div>		<div>
	<~~_input~~ type="radio" id="louie" name="drone" value="louie" />		<input type="radio" id="louie" name="drone" value="louie" />
	<~~_label~~ for="louie">Louie</~~_label~~>		<label for="louie">Louie</label>
	</div>		</div>
	===Note===		===Note===

Charlot: User:Charlot

2022-09-22T12:57:22Z

User:Charlot

ws-class-props
← Older revision		Revision as of 14:57, 22 September 2022
Line 5:		Line 5:
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=How to use radio buttons
	}}		}}

Slot migration: Slot migration

2022-08-03T12:00:11Z

Slot migration

ws-class-props
← Older revision		Revision as of 14:00, 3 August 2022
Line 1:		Line 1:
			{{Doc properties
			\|Doc subject=DevOps:Doc/FlexForm
			\|Subject version=1.0,1.1
			\|Doc parent=DevOps:Doc/FlexForm/1.0/input
			\|Doc sort order=110
			\|Doc target group=User
			}}
ws-page-props
Line 1:		Line 1:
	~~{{Doc properties~~
	~~\|Doc subject=DevOps:Doc/FlexForm~~
	~~\|Subject version=1.0,1.1~~
	~~\|Doc parent=DevOps:Doc/FlexForm/1.0/input~~
	~~\|Doc sort order=110~~
	~~\|Doc target group=User~~
	}}

Admin: User:Admin

2022-04-08T09:31:57Z

User:Admin

ws-page-props
← Older revision		Revision as of 11:31, 8 April 2022
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Subject version=1.0.0		\|Subject version=1.0,1.1
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
	}}		}}

Charlot: User:Charlot

2022-04-07T15:27:20Z

User:Charlot

ws-page-props
← Older revision		Revision as of 17:27, 7 April 2022
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0.0/input		\|Subject version=1.0.0
			\|Doc parent=DevOps:Doc/FlexForm/1.0/input
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
	~~\|Subject version=1.0.0~~
	}}		}}

E00a555c-1e5d-4eb3-b26b-5be8dc16c657: E00a555c-1e5d-4eb3-b26b-5be8dc16c657 moved page DevOps:Doc/FlexForm/1.0.0/input/radio to DevOps:Doc/FlexForm/1.0/input/radio without leaving a redirect: Text replacement - "1.0.0" to "1.0"

2022-03-24T09:13:01Z

E00a555c-1e5d-4eb3-b26b-5be8dc16c657 moved page DevOps:Doc/FlexForm/1.0.0/input/radio to input/radio without leaving a redirect: Text replacement - "1.0.0" to "1.0"

← Older revision	Revision as of 11:13, 24 March 2022
(No difference)

Admin at 07:39, 9 March 2022

2022-03-09T07:39:15Z

← Older revision		Revision as of 09:39, 9 March 2022
Line 15:		Line 15:
	<p>Select a maintenance drone:</p>		<p>Select a maintenance drone:</p>
	<div>		<div>
	<_input type="radio" id="huey" name="drone" value="huey~~" checked="checked~~" />		<_input type="radio" id="huey" name="drone" value="huey" />
	<_label for="huey">Huey</_label>		<_label for="huey">Huey</_label>
	</div>		</div>

	<div>		<div>
	<_input type="radio" id="dewey" name="drone" value="dewey" />		<_input type="radio" id="dewey" name="drone" value="dewey" checked="checked" />
	<_label for="dewey">Dewey</_label>		<_label for="dewey">Dewey</_label>
	</div>		</div>
Line 31:		Line 31:
	<p>Select a maintenance drone:</p>		<p>Select a maintenance drone:</p>
	<div>		<div>
	<_input type="radio" id="huey" name="drone" value="huey~~" checked="checked~~" />		<_input type="radio" id="huey" name="drone" value="huey" />
	<_label for="huey">Huey</_label>		<_label for="huey">Huey</_label>
	</div>		</div>

	<div>		<div>
	<_input type="radio" id="dewey" name="drone" value="dewey" />		<_input type="radio" id="dewey" name="drone" value="dewey" checked="checked" />
	<_label for="dewey">Dewey</_label>		<_label for="dewey">Dewey</_label>
	</div>		</div>

Admin at 07:38, 9 March 2022

2022-03-09T07:38:20Z

← Older revision	Revision as of 09:38, 9 March 2022
Line 1:	Line 1:
		===Name===
		radio
		===Type===
		_input
		===Synopsis===
		How to use radio buttons
		===Description===
		_input elements of type radio are generally used in radio groups—collections of radio buttons describing a set of related options. Only one radio button in a given group can be selected at the same time. Radio buttons are typically rendered as small circles, which are filled or highlighted when selected.
		===Parameters===
		_input type="radio"

		All other valid HTML5 attributes are allowed
		===Example===
		<syntaxhighlight lang="html">
		<p>Select a maintenance drone:</p>
		<div>
		<_input type="radio" id="huey" name="drone" value="huey" checked="checked" />
		<_label for="huey">Huey</_label>
		</div>

		<div>
		<_input type="radio" id="dewey" name="drone" value="dewey" />
		<_label for="dewey">Dewey</_label>
		</div>

		<div>
		<_input type="radio" id="louie" name="drone" value="louie" />
		<_label for="louie">Louie</_label>
		</div>
		</syntaxhighlight>
		<p>Select a maintenance drone:</p>
		<div>
		<_input type="radio" id="huey" name="drone" value="huey" checked="checked" />
		<_label for="huey">Huey</_label>
		</div>

		<div>
		<_input type="radio" id="dewey" name="drone" value="dewey" />
		<_label for="dewey">Dewey</_label>
		</div>

		<div>
		<_input type="radio" id="louie" name="drone" value="louie" />
		<_label for="louie">Louie</_label>
		</div>
		===Note===
		Radio buttons are similar to checkboxes, but with an important distinction — radio buttons are grouped into a set in which only one radio button can be selected at a time, whereas checkboxes allow you to turn single values on and off. Where multiple controls exist, radio buttons allow one to be selected out of them all, whereas checkboxes allow multiple values to be selected.
		===Links===
		https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio

Admin: User:Admin

2022-02-22T09:28:38Z

User:Admin

ws-page-props
← Older revision		Revision as of 11:28, 22 February 2022
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
			\|Doc subject=DevOps:Doc/FlexForm
			\|Doc parent=DevOps:Doc/FlexForm/1.0.0/input
			\|Doc sort order=110
			\|Doc target group=User
	\|Subject version=1.0.0		\|Subject version=1.0.0
	~~\|Doc subject=DevOps:Doc/FlexForm~~
	}}		}}