TextField

Overview

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.

Examples

TextField With Text Updates

The first example shows a simple TextField that shows an alert pop-up when the text has been changed.



TextField With Status Check

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.



TextField With live Change

In this example the liveChange event is used to update a TextView control live while typing into the TextField control.


API Documentation

See API documentation