The TextField is used for single-row text input. If the configured text value contains HTML or script tags, those will be escaped.
A maximal length for the field can be set using the maxLength
property.
The TextField can have the modes editable or read-only (property editable
); and it can have status enabled or disabled (property enabled)
.
To visualize some semantic states such as "error" or "warning", the valueState
property is provided. When the user makes some changes on the text, the change
event is fired. So it is possible to react on any text change.
The second example shows how to set a TextField to state error
if the text is not equal "Hello World!".
Therefore, the text is checked on the change
event, and the valueState
property is set accordingly.
Note that the visualization of the different states depends on the used theme.
In this example the liveChange
event is used to update a TextView
control live while typing into the
TextField
control.