Attention

TYPO3 v9 has reached its end-of-life September 30th, 2021 and is not maintained by the community anymore. Looking for a stable version? Use the version switch on the top left.

You can order Extended Long Term Support (ELTS) here: TYPO3 ELTS.

form.radio

ViewHelper which creates a simple radio button <input type="radio">.

Examples

Simple

<f:form.radio name="myRadioButton" value="someValue" />

Output:

<input type="radio" name="myRadioButton" value="someValue" />

Preselect

<f:form.radio name="myRadioButton" value="someValue" checked="{object.value} == 5" />

Output:

<input type="radio" name="myRadioButton" value="someValue" checked="checked" />

Depending on bound object to surrounding f:form.

Bind to object property

<f:form.radio property="newsletter" value="1" /> yes
<f:form.radio property="newsletter" value="0" /> no

Output:

<input type="radio" name="user[newsletter]" value="1" checked="checked" /> yes
<input type="radio" name="user[newsletter]" value="0" /> no

Depending on property newsletter.

Arguments

additionalAttributes

DataType

mixed

Required

false

Description

Additional tag attributes. They will be added directly to the resulting HTML tag.

data

DataType

mixed

Required

false

Description

Additional data-* attributes. They will each be added with a "data-" prefix.

name

DataType

string

Required

false

Description

Name of input tag

value

DataType

string

Required

false

Description

Value of input tag. Required for radio buttons

property

DataType

string

Required

false

Description

Name of Object Property. If used in conjunction with <f:form object="...">, "name" and "value" properties will be ignored.

errorClass

DataType

string

Default

'f3-form-error'

Required

false

Description

CSS class to set if there are errors for this ViewHelper

checked

DataType

mixed

Required

false

Description

Specifies that the input element should be preselected

class

DataType

string

Required

false

Description

CSS class(es) for this element

dir

DataType

string

Required

false

Description

Text direction for this HTML element. Allowed strings: "ltr" (left to right), "rtl" (right to left)

id

DataType

string

Required

false

Description

Unique (in this file) identifier for this HTML element.

lang

DataType

string

Required

false

Description

Language for this element. Use short names specified in RFC 1766

style

DataType

string

Required

false

Description

Individual CSS styles for this element

title

DataType

string

Required

false

Description

Tooltip text of element

accesskey

DataType

string

Required

false

Description

Keyboard shortcut to access this element

tabindex

DataType

integer

Required

false

Description

Specifies the tab order of this element

onclick

DataType

string

Required

false

Description

JavaScript evaluated for the onclick event

disabled

DataType

string

Required

false

Description

Specifies that the input element should be disabled when the page loads