Skip to main content

Input properties

type(string) the type of a control, set it to "input"
inputType(string) sets the type of an input: "text", "password", "number".
Using the "number" type for the input sets the type of the value attribute to "number".
Use the "password" value to specify a field for entering a password.
name(string) the name of a control
id(string) the id of a control, auto-generated if not set
value(string|number) the initial value of the input
min(string|number) the minimal value allowed in the input.
The attribute works only with the input type: "number".
max(string|number) the maximal value allowed in the input.
The attribute works only with the input type: "number".
validation(string|function) the rule of input validation. Can be set in two ways:
  • as a predefined string value:
      - "email" - validEmail
      - "integer" - validInteger
      - "numeric" - validNumeric
      - "alphanumeric" - validAplhaNumeric
      - "IPv4" - validIPv4
    Can be used with inputType: "text", "password".
  • as a function that defines a custom validation rule. It takes as a parameter the value typed in the input and returns true, if the entered value is valid.
    Can be used with inputType: "number" only.
width(string|number|"content") the width of a control
height(string|number|"content") the height of a control
padding(string|number) sets padding between a cell and a border of the Input control
minlength(string|number) the minimum number of characters allowed in the input.
The attribute works with the following input types: "text", "password".
maxlength(string|number) the maximum number of characters allowed in the input.
The attribute works with the following input types: "text", "password".
css(string) adds style classes to a control
disabled(boolean) defines whether a control is enabled (false) or disabled (true)
required(boolean) defines whether a control is required
readOnly(boolean) defines whether an input is readonly
hidden(boolean) makes an input hidden
icon(string) the name of an icon from the used icon font
placeholder(string) a tip for the input
autocomplete(boolean) enables/disables the autocomplete functionality of the input
label(string) specifies a label for a control
labelWidth(string|number) sets the width of the label of a control
hiddenLabel(boolean) invisible label that will be used to identify the input on the server side
labelPosition(string) defines the position of a label: "left"|"top"
helpMessage(string) adds a help message to a control
preMessage(string) a message that contains instructions for interacting with the control
successMessage(string) a message that appears in case of successful validation of the control value
errorMessage(string) a message that appears in case of error during validation of the control value