Form components
Basic and advanced elements
  • New visits

    22.504

    10,14,8,45,23,41,22,31,19,12, 28, 21, 24, 20
  • My balance

    $16.290

    10,14,8,45,23,41,22,31,19,12, 28, 21, 24, 20
  • 12,476
    User registrations
  • 621,873
    Total clicks
  • 562
    New orders
  • $45,360
    General balance
  • 562K+
    Total users
  • 36,290
    Facebook fans
Basic inputs
Full size inputs
This is an example of full width input fields. Please find the fixed size examples below
Left aligned helper
Centered helper
Right aligned helper
Info help line
Something may have gone wrong
Please correct the error
Woohoo!
@
@
Field limited to 100 characters.
HTML5 inputs
These inputs are mostly for mobile devices. They open a necessary keyboard on iPhone/iPad. And in most cases are useless on desktop pc's
Form components
Styled form components
Styled form components using Uniform plugin
Masked inputs
All masked fields are controlled by data-mask property, no JS code required. You just need to set the rules in HTML
99/99/9999
(999) 999-9999
(999) 999-9999 / x99999
+39 999 999 999
99-9999999
999-99-9999
a*-999-a999
aaa-999-***
99%
Unstyled form components
Native browser design for form components
Form related buttons
These are Bootstrap based buttons: toggles, radios, checkboxes and form action buttons
Left aligned buttons
Right aligned buttons
Bootstrap form components
This is just a small peace of Bootstrap components. See the full list here
Dual selects

Form validation
Form validation
Checks that the value is a date in the past. Please enter a date ealier than 2010/01/01
Checks that the value is a date in the future. Please enter a date older than today's date
Form templates
Default form
Horizontal form
Inline form
This is help note
Inputs grid
Inputs grid
Inputs grid with label
Right aligned
Left aligned