3 Example Forms

All Elements

15079 views April 28, 2016 feeling4design 173

Text field:
Field is required!
US States:
  • - select a state -
  • Alabama
  • Alaska
  • Arizona
  • Arkansas
  • California
  • Colorado
  • Connecticut
  • Delaware
  • District of Columbia
  • Florida
  • Georgia
  • Hawaii
  • Idaho
  • Illinois
  • Indiana
  • Iowa
  • Kansas
  • Kentucky
  • Louisiana
  • Maine
  • Montana
  • Nebraska
  • Nevada
  • New Hampshire
  • New Jersey
  • New Mexico
  • New York
  • North Carolina
  • North Dakota
  • Ohio
  • Oklahoma
  • Oregon
  • Maryland
  • Massachusetts
  • Michigan
  • Minnesota
  • Mississippi
  • Missouri
  • Pennsylvania
  • Rhode Island
  • South Carolina
  • South Dakota
  • Tennessee
  • Texas
  • Utah
  • Vermont
  • Virginia
  • Washington
  • West Virginia
  • Wisconsin
  • Wyoming
Field is required!
Checkbox
Field is required!
Color Picker
Field is required!
Currency
Field is required!
Star Rating
Field is required!
Autosuggest
  • Red
  • Green
  • Yellow
  • Purple
  • Blue
  • Orange
Field is required!
Toggle Field
Field is required!
Radio Buttons
Field is required!
File Upload
Upload your documents...
Field is required!
Password
Field is required!
Keywords/Tags
  • No matches found...
  • Books
  • Cars
  • Houses
  • Bikes
  • Planes
  • Bus
Field is required!
Dropdown
  • - select a option -
  • First choice
  • Second choice
  • Third choice
Field is required!
Quantity Field
-
+
Field is required!
Slider
Field is required!
Datepicker
Field is required!
Timepicker
Field is required!
Textarea
Field is required!
Calculator Add-on
$0.00
Field is required!
Signature Add-on
Field is required!
Hidden field
Check sourcecode if you want to see it!
TAB element:
Tab 1
Description
Tab 2
Description
Tab 3
Description
Field is required!
Field is required!
-
+
Field is required!
Accordion element:
Tab 1
Description
Field is required!
Tab 2
Description
Field is required!
Tab 3
Description
Field is required!
Inline Images:
Custom HTML:
Your custom HTML code can be inserted here...
Dividers:
Dividers can have different colors, types, widths, thickness, alignment and a back to top option
Spacers:
Below we have added a spacer, the only job it has is to add more spacing between anything you have added in your form. This can either be elements or columns.
Custom buttons:
Normally the form will generate a button automatically, but if you want multiple buttons you can add as many as you want. They all can have their own colors and settings for instance a custom URL