input

A single HTML field for all input type.

Note: This field is not recommended for button, file, image, radio, reset, search and submit type.
It is best to use other build in fields that provide more control and features.

Special properties of field

Property

Default

Accepted values

Description

inputType

none

String

Type of input field (ex. text, tel, number, email)

debounceFormatTimeout

1000

Number

Debounce time (ms) for non text input types (number, range, date,datetime, datetime-local)

See "attributes compatibility" at the end of this page.

Usage

Text field with 50 characters limit :

{
    type: "input",
    inputType: "text",
    label: "Name",
    model: "name",
    maxlength: 50,
    required: true,
    placeholder: "User's full name",
    validator: validators.string
}

Attributes compatibility

Hidden

Text, Search

URL, Telephone

E-mail

Password

Date and Time, Date, Month, Week, Time

Local Date and Time

Number

Range

Color

Checkbox, Radio Button

File Upload

Submit Button

Image Button

Reset Button, Button

Yes

value

Yes

alt

Yes

autocomplete

Yes

checked

Yes

dirname

Yes

formaction

Yes

formenctype

Yes

formmethod

Yes

formnovalidate

Yes

formtarget

Yes

height

Yes

list

Yes

max

Yes

maxlength

Yes

min

Yes

multiple

Yes

pattern

Yes

placeholder

Yes

readonly

Yes

required

Yes

size

Yes

src

Yes

step

Yes

width

Yes

Previouschecklist Nextlabel

Last updated 6 years ago

Was this helpful?

Attributes compatibility

Since attributes depend on the type of input, here is a table showing the compatible attributes for each field type.

Hidden

Text, Search

URL, Telephone

E-mail

Password

Date and Time, Date, Month, Week, Time

Local Date and Time

Number

Range

Color

Checkbox, Radio Button

File Upload

Submit Button

Image Button

Reset Button, Button

Yes

value

Yes

alt

Yes

autocomplete

Yes

checked

Yes

dirname

Yes

formaction

Yes

formenctype

Yes

formmethod

Yes

formnovalidate

Yes

formtarget

Yes

height

Yes

list

Yes

max

Yes

maxlength

Yes

min

Yes

multiple

Yes

pattern

Yes

placeholder

Yes

readonly

Yes

required

Yes

size

Yes

src

Yes

step

Yes

width

Yes