For example, to allow entering only numbers and slash character, use
Sets a separate, visually hidden label for accessibility technologies, such as screen readers.
autocapitalize HTML attribute. It is used to define whether the text entered by the user should be automatically capitalized or not.
autocomplete HTML attribute for indicating whether the value of this component can be automatically completed by the browser.
autocorrect HTML attribute for the field.
|It is supported only in Safari.|
Specifies that the component should have input focus when the page loads.
Possible values are
false. By default, all components are not focused.
Adds CSS class names to the component.
Sets the visibility of the button which clears the field.
Sets the number of columns that the component should occupy if it is placed in a formLayout.
Sets a data type of the component’s content. Possible values:
Set this attribute if the component is not linked to an entity attribute. Otherwise, the data type is defined by the entity attribute type.
Sets a preferred format for date values in the component. By default, the current locale date format is used.
Sets the component explicitly disabled or enabled.
Sets the height of the component.
The height should be in a format understood by the browser, for example,
Defines a text adjacent to the component. It can be used, for example, to inform users which values the component expects.
An identifier of the component.
It is recommended to create identifiers according to the rules for Java identifiers and use camelСase, for example:
id attribute can be specified for any component and should be unique within a view.
Sets an invalid state to the field considering the result of the field validation.
invalid=false, the field is valid regardless of the validation result.
invalid=true, the field is valid only if the validation is passed successfully.
Defines a hint to the user of what can be entered in the component.
Specifies whether the component is in read-only mode.
Indicates that this field requires a value.
Sets the required indicator visibility.
tabindex HTML attribute in the component. The attribute indicates if its element can be focused, and if/where it participates in sequential keyboard navigation:
A negative value (usually
tabindex = -1means that the component should be focusable, but should not be reachable via sequential keyboard navigation.
tabindex = 0means that the component should be focusable in sequential keyboard navigation, but its order is defined by the document’s source order.
A positive value means the component should be focusable in sequential keyboard navigation, with its order defined by the value of the number. That is,
tabindex = 4would be focused before
tabindex = 5, but after
tabindex = 3. If multiple components share the same positive
tabindexvalue, their order relative to each other follows their position in the document source.
Sets a text content of the component.
The attribute value can either be the text itself or a key in the message bundle. In case of a key, the value should begin with the
There are two ways of setting a key:
A short key - in this case the message will be searched in the message group of the current view. For example:
Full key including message group, for example:
Sets the value of the component. If the new value is not equal to
getValue(), fires a value change event. May throw
IllegalArgumentException if the value is not acceptable.
Sets a new value change mode for the component.
Sets visibility of the component.
Specifies whether week numbers are visible in the calendar overlay. This works only when the first day of week is set to Monday.
white-space CSS property.
Default value is
Sets the width of the component. The width should be in a format understood by the browser, for example,