Skip to main content

Input

An input field for typing some text inside.

Input control

Related sample: Form. All controls

Related sample: Form. Inputs

Adding Input​

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

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

Properties​

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:

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

Methods​

Check the full list of methods of the Input control.

Events​

Check the full list of events of the Input control.