Skip to main content
Version: 8.1

Input component

Level: beginner

Input is a component that lets you set up an input on an app page. The Input component uses its own <input> and <label> elements to ensure the the input is available by default. The aria-label attribute is generated automatically and refers to the <input> parent element.


id string

The unique ID. Service field.

control FormControl

The control.

label string

The input title.

inputType string

The input type. By default, text.

Available values


Sets the input type to text.


Sets the input type to text displayed using * characters. Includes a button to view the actual text.

placeholder string

The hint the input displays before you start filling it out.

appearance enum

The input appearance. By default, legacy.

Available values


Display only the bottom input border.


Display all input borders.

value string

The input value.

disabled boolean

The flag that locks the input from editing.

readonly boolean

The flag that sets the input to read-only. By default, false.

autocomplete string

Permit the browser to populate the input automatically. By default, off.

rowModeSizePx number

The width of the input. When the width reaches the value and the auto mode is set, Creatio switches Input and Checkbox components from vertical to horizontal view. By default, 320.

labelPosition string

Specifies where to display the input title. By default, auto.

Available values


Move the input title automatically when the available screen space for the input changes. By default, to the left. When shrunk, above.


Display the title to the left of the input.


Display the title to the right of the input.


Hide the input title.


Display the title above the input.