Why not adopt me?
NAME
HTML::FormFu::Role::Element::Field - Role for all form-field elements
VERSION
version 2.07
DESCRIPTION
Base-class for all form-field elements.
METHODS
default
Set the form-field's default value.
Is an output accessor.
value
For most fields, "value" is an alias for "default".
For the HTML::FormFu::Element::Checkbox and HTML::FormFu::Element::Radio elements, "value" sets what the value of the field will be if it is checked or selected. If the "default" is the same as the "value", then the field will be checked or selected when rendered.
For the HTML::FormFu::Element::Radiogroup and HTML::FormFu::Element::Select elements, the "value" is ignored: values or options provides the equivalent function.
Is an output accessor.
non_param
Arguments: bool
Default Value: false
If true, values for this field are never returned by "params" in HTML::FormFu, "param" in HTML::FormFu and "valid" in HTML::FormFu.
This is useful for Submit buttons, when you only use its value as an indicator
placeholder
Sets the HTML5 attribute placeholder
to the specified value.
Is an output accessor.
javascript
Arguments: [$javascript]
If set, the contents will be rendered within a script
tag, within the field's container.
retain_default
If "retain_default" is true and the form was submitted, but the field didn't have a value submitted, then when the form is redisplayed to the user the field will have its value set to its default value, rather than the usual behaviour of having an empty value.
Default Value: false
force_default
If "force_default" is true and the form was submitted, and the field has a default/value set, then when the form is redisplayed to the user the field will have its value set to its default value.
If the default value is being changed after FormFu->process is being called the later default value is respected for rendering, *but* nevertheless the input value doesn't respect that, it will remain the first value.
Default Value: false
default_empty_value
Designed for use by Checkbox fields. Normally if a checkbox is not checked, no value is submitted for that field. If default_empty_value
is true, the Checkbox field is given an empty value during process. Please note that, with this setting, the checkbox gets an EMPTY value (as opposed to no value at all without enabling it), NOT the default value assigned to the element (if any).
Default Value: false
repeatable_count
Only available for fields attached to a Repeatable element, after $repeatable->repeat($count) has been called.
The value is inherited from "repeatable_count" in HTML::FormFu::Element::Repeatable.
clone
See "clone" in HTML::FormFu for details.
deflators
See "deflators" in HTML::FormFu for details.
deflator
See "deflator" in HTML::FormFu for details.
auto_datalist_id
Arguments: [$string]
If any Input element had a datalist, but does not have "datalist_id" in HTML::FormFu::Role::Element::Input set, "auto_datalist_id" is used to generate the datalist id.
The following character substitution will be performed: %f
will be replaced by $form->id, %n
will be replaced by $field->name, %r
will be replaced by $block->repeatable_count.
Is an inheriting accessor.
FORM LOGIC AND VALIDATION
filters
See "filters" in HTML::FormFu for details.
filter
See "filter" in HTML::FormFu for details.
constraints
See "constraints" in HTML::FormFu for details.
constraint
See "constraint" in HTML::FormFu for details.
inflators
See "inflators" in HTML::FormFu for details.
inflator
See "inflator" in HTML::FormFu for details.
validators
See "validators" in HTML::FormFu for details.
validator
See "validator" in HTML::FormFu for details.
transformers
See "transformers" in HTML::FormFu for details.
transformer
See "transformer" in HTML::FormFu for details.
CUSTOMIZING GENERATED MARKUP
Each field is, by default, wrapped in a container. Each container may also contain a label, a comment, and after an invalid submission may contain 1 or more error messages.
Example of generated form:
1 <form action="" method="post">
2 <div class="has-errors"> # container
3 <ul class="errors"> # error container
4 <li> # error message
5 This field must contain an email address
6 </li>
7 </li>
8 <label>Foo</label> # label
9 <input name="foo" type="text" value="example.com" />
10 <span class="comment"> # comment
11 This is Foo
12 </span>
13 </div>
14 </form>
# Line 2 starts the 'container' - by default a DIV.
# Line 2 starts an error container, which may contain 1 or more error
messages - in this case, a unordered list (UL).
# Line 4 starts a single error message - in this case, a list item (LI).
# Line 8 shows a 'label'.
# Line 9 shows the field's 'input' tag.
# Lines 10 starts a 'comment'.
To re-order the various parts of each form (label, input, errors, etc) and arbitrary extra tags, see the layout method.
CONTAINER
container_tag
Default value: 'div'
The container wrapping each entire field, any label, comment, and errors.
container_attributes
Attributes added to the container tag.
Is an attribute accessor.
auto_container_class
Default Value: '%t'
If set, then the container of each field will be given a class-name based on the given pattern.
Supports substitutions: %f
, %n
, %t
.
Is an inheriting accessor.
auto_container_label_class
Default Value: 'label'
If set, and if the field has a label, the container will be given a class-name based on the given pattern.
Supports substitutions: %f
, %n
, %t
.
Is an inheriting accessor.
auto_container_comment_class
Default Value: '%t'
If set, and if the field has a comment, the container will be given a class-name based on the given pattern.
Supports substitutions: %f
, %n
, %t
.
Is an inheriting accessor.
auto_container_error_class
Default Value: 'error'
If set, then the container of each field with an error will be given a class-name based on the given pattern.
Supports substitutions: %f
, %n
.
Is an inheriting accessor.
auto_container_per_error_class
Default Value: 'error_%s_%t'
If set, then the container of each field with an error will be given a class-name based on the given pattern.
Supports substitutions: %f
, %n
, %t
, %s
.
Is an inheriting accessor.
FORM FIELD
auto_id
If set, then the field will be given an id attribute, if it doesn't have one already.
E.g., setting $form->auto_id('%n')
will make each field have an ID the same as the field's name. This makes our form config simpler, and ensures we don't need to manually update IDs if any field names are changed.
Supports substitutions: %f
, %n
, %r
.
Is an inheriting accessor.
LABEL
label
Set a label to communicate the purpose of the form-field to the user.
Is an output accessor.
auto_label
If label isn't already set, the value of "auto_label" is passed through localize to generate a label.
Supports substitutions: %f
, %n
.
The generated string will be passed to "localize" to create the label.
Is an inheriting accessor.
label_tag
Default value: 'label' (except Checkboxgroup)
Default value: 'legend' (only Checkboxgroup)
Set which tag is used to wrap a label.
Is an inheriting accessor.
label_attributes
Attributes added to the label container.
Is an attribute accessor.
COMMENT
comment
Set a comment to be displayed along with the form-field.
Is an output accessor.
comment_attributes
Attributes added to the comment container.
Is an attribute accessor.
auto_comment_class
Default Value: '%t'
If set, and if the field has a comment, the comment tag will be given a class-name based on the given pattern.
Supports substitutions: %f
, %n
, %t
.
Is an inheriting accessor.
ERROR CONTAINER
error_container_tag
If set, and if the field has any errors, a container of this type is wrapped around all of the field error messages.
# Example - this would wrap each individual error in a 'li' tag,
# with a single 'ul' tag wrapped around all the errors.
element:
name: foo
error_container_tag: ul
error_tag: li
Is an inheriting accessor.
error_container_attributes
Set attributes on the container-tag, if "error_container_tag" is set.
Is an attribute accessor.
auto_error_container_class
Add a class-name to the error container.
Supports substitutions: %f
, %n
.
Is an inheriting accessor.
auto_error_container_per_error_class
Add a class-name to the error container for each error on that field.
Supports substitutions: %f
, %n
, %t
, %s
.
Is an inheriting accessor.
ERROR MESSAGES
error_tag
Default value: 'span'
Sets the tag used to wrap each individual error message.
Defaults to span
.
Is an inheriting accessor.
auto_error_message
Default Value: 'form_%s_%t'
If set, then each error will be given an auto-generated message, if it doesn't have one already.
The generated string will be passed to "localize" to create the message.
For example, a Required constraint will return the string form_constraint_required
. Under the default localization behaviour, the appropriate message for form_constraint_required
will be used from the default I18N package.
Supports substitutions: %f
, %n
, %t
, %s
.
Is an inheriting accessor.
error_attributes
Set attributes on the tag of each error message.
Is an attribute accessor.
auto_error_field_class
Upon error, add a class name firectly to the field tag (e.g. input
, select
tag).
Supports substitutions: %f
, %n
.
auto_error_class
Default Value: 'error_%s_%t'
Add a class-name to the tag of each error message.
Supports substitutions: %f
, %n
, %t
, %s
.
Is an inheriting accessor.
PROCESSOR CLASSES
auto_constraint_class
Add a class-name to the container tag, for each constraint added to the field.
Supports substitutions: %f
, %n
, %t
.
Is an inheriting accessor.
auto_inflator_class
Add a class-name to the container tag, for each inflator added to the field.
Supports substitutions: %f
, %n
, %t
.
Is an inheriting accessor.
auto_validator_class
Add a class-name to the container tag, for each validator added to the field.
Supports substitutions: %f
, %n
, %t
.
Is an inheriting accessor.
auto_transformer_class
Add a class-name to the container tag, for each transformer added to the field.
Supports substitutions: %f
, %n
, %t
.
Is an inheriting accessor.
REORDERING FIELD COMPONENTS
layout
Specify the order that each sub-part of the element should appear in the rendered markup.
# Default Value
$element->layout( [
'errors',
'label',
'field',
'comment',
'javascript',
] );
Example: Move the form field (the input tag or equivalent) inside the label tag, after the label text. Remove the comment - this will now never be rendered.
# YAML config
layout:
- errors
- label:
- label_text
- field
- javascript
# prettified example of rendered markup
<div>
<span>This field is required.</span>
<label>
Foo
<input name="foo" type="text" />
</label>
</div>
Example: Don't wrap the label text inside it's usual tag. Insert the form field (the input tag or equivalent) inside an arbitrary extra tag.
# YAML config
layout:
- errors
- label_text
-
div:
attributes:
class: xxx
content: field
- comment
- javascript
# prettified example of rendered markup
<div>
<span>This field is required.</span>
Foo
<div class="xxx">
<input name="foo" type="text" />
</div>
</div>
The following elements override the default layout value:
Specification
The layout method accepts an array-ref, hash-ref, or string argument.
The processing is recursive, so each item in an array-ref may be any value accepted by the layout method.
A hash-ref must contain a single key and value pair. If the hash key is the string label
, it creates a label
tag, using any previously defined LABEL customizations. This allows the label tag to contains other elements, such as the form field.
All other hash key values are asssumed to be an arbitrary block tag name. The value must be a hash-ref, and may contain one or both attributes
or content
keys.
Any attributes
value must be a hash-ref, whose key/values are added to the block tag. No processing or expansion is done to the attributes
hash-ref at all.
The content
value may be anything accepted by the layout method.
The following strings are accepted:
- errors
-
Renders the element error messages.
See ERROR CONTAINER and ERROR MESSAGES to customize the tags and attributes.
- label
-
Renders the element label.
See LABEL to customize the tag and attributes.
- label_text
-
Renders the element label text, without the usual label_tag.
- field
-
Renders the form field control (an input tag, button, or other control).
- comment
-
Renders the element comment.
See COMMENT to customize the tag and attributes.
- javascript
-
Renders a
script
tag containing any javascript.
multi_layout
Specify the order that each sub-part of each element within a HTML::FormFu::Element::Multi should appear in the rendered markup.
# Default Value
$element->multi_layout( [
'label',
'field',
] );
Example: Swap the label/field order. This is equivalent to the now-deprecated reverse_multi method.
# YAML config
multi_layout:
- field
- label
The following elements override the default multi_layout
value:
RENDERING
field_filename
The template filename to be used for just the form field - not including the display of any container, label, errors, etc.
Must be set by more specific field classes.
label_filename
The template filename to be used to render the label.
Defaults to label
.
ERROR HANDLING
get_errors
See "get_errors" in HTML::FormFu for details.
add_error
clear_errors
See "clear_errors" in HTML::FormFu for details.
INTROSPECTION
get_deflators
See "get_deflators" in HTML::FormFu for details.
get_deflator
See "get_deflator" in HTML::FormFu for details.
get_filters
See "get_filters" in HTML::FormFu for details.
get_filter
See "get_filter" in HTML::FormFu for details.
get_constraints
See "get_constraints" in HTML::FormFu for details.
get_constraint
See "get_constraint" in HTML::FormFu for details.
get_inflators
See "get_inflators" in HTML::FormFu for details.
get_inflator
See "get_inflator" in HTML::FormFu for details.
get_validators
See "get_validators" in HTML::FormFu for details.
get_validator
See "get_validator" in HTML::FormFu for details.
get_transformers
See "get_transformers" in HTML::FormFu for details.
get_transformer
See "get_transformer" in HTML::FormFu for details.
get_errors
See "get_errors" in HTML::FormFu for details.
clear_errors
See "clear_errors" in HTML::FormFu for details.
DEPRECATED METHODS
- reverse_single
-
See layout instead.
- reverse_multi
-
See multi_layout instead.
- errors_filename
-
See layout_errors_filename instead.
SEE ALSO
Base-class for HTML::FormFu::Role::Element::Group, HTML::FormFu::Role::Element::Input, HTML::FormFu::Element::Multi, HTML::FormFu::Element::ContentButton, HTML::FormFu::Element::Textarea.
Is a sub-class of, and inherits methods from HTML::FormFu::Element
AUTHOR
Carl Franks, cfranks@cpan.org
LICENSE
This library is free software, you can redistribute it and/or modify it under the same terms as Perl itself.
AUTHOR
Carl Franks <cpan@fireartist.com>
COPYRIGHT AND LICENSE
This software is copyright (c) 2018 by Carl Franks.
This is free software; you can redistribute it and/or modify it under the same terms as the Perl 5 programming language system itself.