Field Types

formstrap supports a broad range of input types that should provide for most use-cases.

To add a field to your form, drag the field type from the floating field panel into the grid. Read Understanding the Grid for more information.

Field Types

Type	Description
Single Input Text	This is a standard single line input for general text. Available Attributes default value disabled floating label placeholder readonly required Available Validations min length max length pattern (regular expression) required
Multi Line Textbox	This input type is larger than the single line input and allows for multi-line input with paragraphs. Available Attributes auto height default value disabled floating label height (pixels) placeholder readonly required Available Validations min length max length required
Date	In many browsers, a Date field will show a date picker so that only valid dates can be input. Available Attributes default value disabled floating label readonly required Available Validations min value max value required step (seconds) type
Time	In many browsers, a Time field will show a time picker. Available Attributes default value disabled floating label readonly required Available Validations min value max value required step (seconds) type
Date Time	This input type allows date and time to be input into one field. Again, many browsers will display a picker for this field type. Available Attributes default value disabled floating label readonly required Available Validations min value max value required step (seconds) type
Email	This looks like a standard single-line text field but the browser will validate that the value input is a correctly formatted email address. Available Attributes default value disabled floating label readonly required Available Validations min length max length pattern required type
URL	This looks like a standard single-line text field but the browser will validate that the value input is a correctly formatted URL. Available Attributes default value disabled floating label readonly required Available Validations min length max length pattern required type
Number	Many browsers will offer a picker (up / down buttons) to select values. Only valid numeric values are accepted. Available Attributes default value disabled floating label readonly required Available Validations min value max value required step (seconds) type
Password	This looks like a standard single-line text field - but when a value is input it is obscured. Available Attributes default value disabled floating label placeholder readonly required Available Validations min length max length pattern (regular expression) required
Range Slider	This is a numeric input but most browsers will offer a range slider. You drag the handle to select values in the range. Available Attributes default value disabled readonly required Available Validations min value max value step required
Checks	This field type will display a group of checkboxes each which have a label inside a field set with a legend. Checkboxes in the group an all be checked. Available Attributes default value disabled other, please specify required Available Validations required
Radios	This field type will display a group of radio buttons each which have a label inside a field set with a legend. Only one radio button in the group can be selected. Available Attributes default value disabled other, please specify required Available Validations required
Select (Drop Down)	This will display a single-line input but the user cannot type into it. They can only select from a prescribed list of options. At present, formstrap does not support multi-select (use Checks instead). Available Attributes default value disabled floating label other, please specify required Available Validations required

checkbox fields input radio select validation

31st December 2024 at 6:30pm

Comments

Commenting is temporarily disabled