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.