PercentType Field
The PercentType
renders an input text field and specializes in handling
percentage data. If your percentage data is stored as a decimal (e.g. 0.95
),
you can use this field out-of-the-box. If you store your data as a number
(e.g. 95
), you should set the type
option to integer
.
When symbol
is not false
, the field will render the given string after
the input.
Rendered as | input text field |
Default invalid message | Please enter a percentage value. |
Legacy invalid message | The value {{ value }} is not valid. |
Parent type | FormType |
Class | PercentType |
Tip
The full list of options defined and inherited by this form type is available running this command in your app:
1 2
# replace 'FooType' by the class name of your form type
$ php bin/console debug:form FooType
Field Options
rounding_mode
type: integer
default: \NumberFormatter::ROUND_DOWN
for IntegerType
and \NumberFormatter::ROUND_HALFUP
for MoneyType
and NumberType
- IntegerType
default: \NumberFormatter::ROUND_DOWN
- MoneyType and NumberType
default: \NumberFormatter::ROUND_HALFUP
If a submitted number needs to be rounded (based on the scale option), you have several configurable options for that rounding. Each option is a constant on the NumberFormatter class:
\NumberFormatter::ROUND_DOWN
Round towards zero. It rounds1.4
to1
and-1.4
to-1
.\NumberFormatter::ROUND_FLOOR
Round towards negative infinity. It rounds1.4
to1
and-1.4
to-2
.\NumberFormatter::ROUND_UP
Round away from zero. It rounds1.4
to2
and-1.4
to-2
.\NumberFormatter::ROUND_CEILING
Round towards positive infinity. It rounds1.4
to2
and-1.4
to-1
.\NumberFormatter::ROUND_HALFDOWN
Round towards the "nearest neighbor". If both neighbors are equidistant, round down. It rounds2.5
and1.6
to2
,1.5
and1.4
to1
.\NumberFormatter::ROUND_HALFEVEN
Round towards the "nearest neighbor". If both neighbors are equidistant, round towards the even neighbor. It rounds2.5
,1.6
and1.5
to2
and1.4
to1
.\NumberFormatter::ROUND_HALFUP
Round towards the "nearest neighbor". If both neighbors are equidistant, round up. It rounds2.5
to3
,1.6
and1.5
to2
and1.4
to1
.
5.1
In Symfony versions prior to 5.1, these constants were also defined as aliases in the NumberToLocalizedStringTransformer class, but they are now deprecated in favor of the NumberFormatter constants.
5.1
The rounding_mode
option was introduced in Symfony 5.1.
html5
type: boolean
default: false
5.2
This option was introduced in Symfony 5.2.
If set to true
, the HTML input will be rendered as a native HTML5
<input type="number">
element.
scale
type: integer
default: 0
This specifies how many decimals will be allowed until the field rounds
the submitted value (via rounding_mode
). For example, if scale
is set
to 2
, a submitted value of 20.123
will be rounded to, for example,
20.12
(depending on your rounding_mode).
symbol
type: boolean
or string
default: %
By default, fields are rendered with a percentage sign %
after the input.
Setting the value to false
will not display the percentage sign. Setting the
value to a string
(e.g. ‱
), will show that string instead of the default
%
sign.
type
type: string
default: fractional
This controls how your data is stored on your object. For example, a percentage
corresponding to "55%", might be stored as 0.55
or 55
on your
object. The two "types" handle these two cases:
fractional
If your data is stored as a decimal (e.g.0.55
), use this type. The data will be multiplied by100
before being shown to the user (e.g.55
). The submitted data will be divided by100
on form submit so that the decimal value is stored (0.55
);integer
If your data is stored as an integer (e.g. 55), then use this option. The raw value (55
) is shown to the user and stored on your object. Note that this only works for integer values.
Overridden Options
compound
type: boolean
default: false
This option specifies whether the type contains child types or not. This option is managed internally for built-in types, so there is no need to configure it explicitly.
invalid_message
type: string
default: This value is not valid
This is the validation error message that's used if the data entered into this field doesn't make sense (i.e. fails validation).
This might happen, for example, if the user enters a nonsense string into
a TimeType field that cannot be converted
into a real time or if the user enters a string (e.g. apple
) into a
number field.
Normal (business logic) validation (such as when setting a minimum length for a field) should be set using validation messages with your validation rules (reference).
Inherited Options
These options inherit from the FormType:
attr
type: array
default: []
If you want to add extra attributes to an HTML field representation
you can use the attr
option. It's an associative array with HTML attributes
as keys. This can be useful when you need to set a custom class for some widget:
1 2 3
$builder->add('body', TextareaType::class, [
'attr' => ['class' => 'tinymce'],
]);
See also
Use the row_attr
option if you want to add these attributes to
the form type row element.
data
type: mixed
default: Defaults to field of the underlying structure.
When you create a form, each field initially displays the value of the corresponding property of the form's domain data (e.g. if you bind an object to the form). If you want to override this initial value for the form or an individual field, you can set it in the data option:
1 2 3 4 5 6
use Symfony\Component\Form\Extension\Core\Type\HiddenType;
// ...
$builder->add('token', HiddenType::class, [
'data' => 'abcdef',
]);
Caution
The data
option always overrides the value taken from the domain data
(object) when rendering. This means the object value is also overridden when
the form edits an already persisted object, causing it to lose its
persisted value when the form is submitted.
disabled
type: boolean
default: false
If you don't want a user to modify the value of a field, you can set the disabled option to true. Any submitted value will be ignored.
empty_data
type: mixed
The default value is ''
(the empty string).
This option determines what value the field will return when the submitted value is empty (or missing). It does not set an initial value if none is provided when the form is rendered in a view.
This means it helps you handling form submission with blank fields. For
example, if you want the name
field to be explicitly set to John Doe
when no value is selected, you can do it like this:
1 2 3 4
$builder->add('name', null, [
'required' => false,
'empty_data' => 'John Doe',
]);
This will still render an empty text box, but upon submission the John Doe
value will be set. Use the data
or placeholder
options to show this
initial value in the rendered form.
Note
If a form is compound, you can set empty_data
as an array, object or
closure. This option can be set for your entire form class, see the
How to Configure empty Data for a Form Class article for more details about these
options.
Caution
Form data transformers will still be
applied to the empty_data
value. This means that an empty string will
be cast to null
. Use a custom data transformer if you explicitly want
to return the empty string.
error_bubbling
type: boolean
default: false
unless the form is compound
If true
, any errors for this field will be passed to the parent field
or form. For example, if set to true
on a normal field, any errors for
that field will be attached to the main form, not to the specific field.
error_mapping
type: array
default: []
This option allows you to modify the target of a validation error.
Imagine you have a custom method named matchingCityAndZipCode()
that validates
whether the city and zip code match. Unfortunately, there is no matchingCityAndZipCode
field in your form, so all that Symfony can do is display the error on top
of the form.
With customized error mapping, you can do better: map the error to the city field so that it displays above it:
1 2 3 4 5 6 7 8
public function configureOptions(OptionsResolver $resolver)
{
$resolver->setDefaults([
'error_mapping' => [
'matchingCityAndZipCode' => 'city',
],
]);
}
Here are the rules for the left and the right side of the mapping:
- The left side contains property paths;
- If the violation is generated on a property or method of a class, its
path is the
propertyName
; - If the violation is generated on an entry of an
array
orArrayAccess
object, the property path is[indexName]
; - You can construct nested property paths by concatenating them, separating
properties by dots. For example:
addresses[work].matchingCityAndZipCode
; - The right side contains the names of fields in the form.
By default, errors for any property that is not mapped will bubble up to the
parent form. You can use the dot (.
) on the left side to map errors of all
unmapped properties to a particular field. For instance, to map all these
errors to the city
field, use:
1 2 3 4 5
$resolver->setDefaults([
'error_mapping' => [
'.' => 'city',
],
]);
help
type: string
or TranslatableMessage
default: null
Allows you to define a help message for the form field, which by default is rendered below the field:
1 2 3 4 5 6 7 8 9 10 11 12 13
use Symfony\Component\Translation\TranslatableMessage;
$builder
->add('zipCode', null, [
'help' => 'The ZIP/Postal code for your credit card\'s billing address.',
])
// ...
->add('status', null, [
'help' => new TranslatableMessage('order.status', ['%order_id%' => $order->getId()], 'store'),
])
;
5.4
Support for passing TranslatableMessage
objects was introduced in Symfony 5.4.
help_attr
type: array
default: []
Sets the HTML attributes for the element used to display the help message of the form field. Its value is an associative array with HTML attribute names as keys. These attributes can also be set in the template:
1 2 3
{{ form_help(form.name, 'Your name', {
'help_attr': {'class': 'CUSTOM_LABEL_CLASS'}
}) }}
help_html
type: boolean
default: false
By default, the contents of the help
option are escaped before rendering
them in the template. Set this option to true
to not escape them, which is
useful when the help contains HTML elements.
invalid_message_parameters
type: array
default: []
When setting the invalid_message
option, you may need to
include some variables in the string. This can be done by adding placeholders
to that option and including the variables in this option:
1 2 3 4 5
$builder->add('someField', SomeFormType::class, [
// ...
'invalid_message' => 'You entered an invalid value, it should include %num% letters',
'invalid_message_parameters' => ['%num%' => 6],
]);
label
type: string
or TranslatableMessage
default: The label is "guessed" from the field name
Sets the label that will be used when rendering the field. Setting to false
will suppress the label:
1 2 3 4 5 6 7 8
use Symfony\Component\Translation\TranslatableMessage;
$builder
->add('zipCode', null, [
'label' => 'The ZIP/Postal code',
// optionally, you can use TranslatableMessage objects as the label content
'label' => new TranslatableMessage('address.zipCode', ['%country%' => $country], 'address'),
])
5.2
The support for TranslatableMessage
objects in label
was
introduced in Symfony 5.2.
The label can also be set in the template:
1
{{ form_label(form.name, 'Your name') }}
1 2 3 4
echo $view['form']->label(
$form['name'],
'Your name'
);
label_attr
type: array
default: []
Sets the HTML attributes for the <label>
element, which will be used
when rendering the label for the field. It's an associative array with HTML
attribute as a key. This attributes can also be directly set inside the
template:
1 2 3
{{ form_label(form.name, 'Your name', {
'label_attr': {'class': 'CUSTOM_LABEL_CLASS'}
}) }}
1 2 3 4 5
echo $view['form']->label(
$form['name'],
'Your name',
['label_attr' => ['class' => 'CUSTOM_LABEL_CLASS']]
);
label_html
type: boolean
default: false
5.1
The label_html
option was introduced in Symfony 5.1.
By default, the contents of the label
option are escaped before rendering
them in the template. Set this option to true
to not escape them, which is
useful when the label contains HTML elements.
label_format
type: string
default: null
Configures the string used as the label of the field, in case the label
option was not set. This is useful when using
keyword translation messages.
If you're using keyword translation messages as labels, you often end up having
multiple keyword messages for the same label (e.g. profile_address_street
,
invoice_address_street
). This is because the label is built for each "path"
to a field. To avoid duplicated keyword messages, you can configure the label
format to a static value, like:
1 2 3 4 5 6 7 8
// ...
$profileFormBuilder->add('address', AddressType::class, [
'label_format' => 'form.address.%name%',
]);
$invoiceFormBuilder->add('invoice', AddressType::class, [
'label_format' => 'form.address.%name%',
]);
This option is inherited by the child types. With the code above, the label of
the street
field of both forms will use the form.address.street
keyword
message.
Two variables are available in the label format:
%id%
-
A unique identifier for the field, consisting of the complete path to the
field and the field name (e.g.
profile_address_street
); %name%
-
The field name (e.g.
street
).
The default value (null
) results in a
"humanized" version of the field name.
Note
The label_format
option is evaluated in the form theme. Make sure to
update your templates in case you
customized form theming.
mapped
type: boolean
default: true
If you wish the field to be ignored when reading or writing to the object,
you can set the mapped
option to false
.
required
type: boolean
default: true
If true, an HTML5 required attribute will be rendered. The corresponding
label
will also render with a required
class.
This is superficial and independent of validation. At best, if you let Symfony guess your field type, then the value of this option will be guessed from your validation information.
Note
The required option also affects how empty data for each field is handled. For more details, see the empty_data option.
row_attr
type: array
default: []
An associative array of the HTML attributes added to the element which is used to render the form type row:
1 2 3
$builder->add('body', TextareaType::class, [
'row_attr' => ['class' => 'text-editor', 'id' => '...'],
]);
See also
Use the attr
option if you want to add these attributes to
the form type widget element.