Input

An input field for typing some text inside.

Input control

Related sample:  Form. All DhxForm Inputs

Related sample:  Form. Inputs

Adding Input

You can easily add an Input control during initialization of a form:

var form = new dhx.Form("form_container", {
    rows: [
        {
            type: "input",
            name: "input",
            label: "Name",
            icon: "dxi dxi-magnify",
            placeholder: "John Doe"           
        } 
    ]
});

Attributes

You can provide the following attributes in the configuration object of an input:

Working with Input

You can manipulate a Input control by using methods (or events) of the object returned by the getItem() method.

For example, you can get the value of the control:

var value = form.getItem("input").getValue();

List of the control methods:

clear clears a value of an Input control
clearValidate clears validation of an Input control
disable disables an Input control on a page
enable enables a disabled Input control
focus sets focus to a control
getProperties returns an object with the available configuration attributes of the control
getValue returns the current value of an Input control
hide hides an Input control
isDisabled checks whether an Input control is disabled
isVisible checks whether an Input control is visible on the page
setProperties allows changing available configuration attributes of the control dynamically
setValue sets the value for an Input control
show shows an Input control on the page
validate validates an Input control

List of the control events:

afterChangeProperties fires after configuration attributes of the control have been changed dynamically
afterHide fires after a control is hidden
afterShow fires after a control is shown
afterValidate fires after the control value is validated
beforeChangeProperties fires before configuration attributes of the control are changed dynamically
beforeHide fires before a control is hidden
beforeShow fires before a control is shown
beforeValidate fires before the control value is validated
change fires on changing the value of a control
input fires when a user types some text in the input
Back to top