Skip to main content


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"                   }     ]});


View the full list of configuration properties of the Input control.

Working with Input#

You can manipulate an 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();


Check the full list of methods of the Input control.


Check the full list of events of the Input control.