input
A single HTML field for all input type.
Note: This field is not recommended forbutton,file,image,radio,reset,searchandsubmittype.It is best to use other build in fields that provide more control and features.
Property | Default | Accepted values | Description |
inputType | none | String | Type of input field (ex. text, tel, number, email) |
See "attributes compatibility" at the end of this page.
{
type: "input",
inputType: "text",
label: "Name",
model: "name",
maxlength: 50,
required: true,
placeholder: "User's full name",
validator: validators.string
}
Since attributes depend on the
type of input, here is a table showing the compatible attributes for each field type.
Source | 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 |
id | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
value | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
accept | · | · | · | · | · | · | · | · | · | · | · | Yes | · | · | · |
alt | · | · | · | · | · | · | · | · | · | · | · | · | · | Yes | · |
autocomplete | · | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | · | · | · | · | · |
checked | · | · | · | · | · | · | · | · | · | · | Yes | · | · | · | · |
dirname | · | Yes | · | · | · | · | · | · | · | · | · | · | · | · | · |
formaction | · | · | · | · | · | · | · | · | · | · | · | · | Yes | Yes | · |
formenctype | · | · | · | · | · | · | · | · | · | · | · | · | Yes | Yes | · |
formmethod | · | · | · | · | · | · | · | · | · | · | · | · | Yes | Yes | · |
formnovalidate | · | · | · | · | · | · | · | · | · | · | · | · | Yes | Yes | · |
formtarget | · | · | · | · | · | · | · | · | · | · | · | · | Yes | Yes | · |
height | · | · | · | · | · | · | · | · | · | · | · | · | · | Yes | · |
list | · | Yes | Yes | Yes | · | Yes | Yes | Yes | Yes | Yes | · | · | · | · | · |
max | · | · | · | · | · | Yes | Yes | Yes | Yes | · | · | · | · | · | · |
maxlength | · | Yes | Yes | Yes | Yes | · | · | · | · | · | · | · | · | · | · |
min | · | · | · | · | · | Yes | Yes | Yes | Yes | · | · | · | · | · | · |
multiple | · | · | · | Yes | · | · | · | · | · | · | · | Yes | · | · | · |
pattern | · | Yes | Yes | Yes | Yes | · | · | · | · | · | · | · | · | · | · |
placeholder | · | Yes | Yes | Yes | Yes | · | · | Yes | · | · | · | · | · | · | · |
readonly | · | Yes | Yes | Yes | Yes | Yes | Yes | Yes | · | · | · | · | · | · | · |
required | · | Yes | Yes | Yes | Yes | Yes | Yes | Yes | · | · | Yes | Yes | · | · | · |
size | · | Yes | Yes | Yes | Yes | · | · | · | · | · | · | · | · | · | · |
src | · | · | · | · | · | · | · | · | · | · | · | · | · | Yes | · |
step | · | · | · | · | · | Yes | Yes | Yes | Yes | · | · | · | · | · | · |
width | · | · | · | · | · | · | · | · | · | · | · | · | · | Yes | · |
Last modified 4yr ago