Loading...
Do you like cookies?

We use cookies to ensure you get the best experience on our website.

Accept Not now

Forms

A crucial tool for businesses to obtain the information from their potential customers.

Custom Range Slider

$
$
For a full list of options with data-* attributes, please refer to the full description of range slider settings, methods and callbacks on this page.

Custom Radio Buttons

Apply .fill to .custom-radio element for colored background when checked.

Custom Switch

Unsubscribe from our mailing list
Notify me of price change
Apply .rounded-pill to .switch-control for rounded switcher or 2 predefined classes (.success and .danger) for color.

Custom Select + Date Picker

Book a Flight
Earn miles when you book a flight to any destination.

Forms with Icon

Input Group

Apply .input-group-responsive to make the element responsive on smaller screen.

Form with Validation

Looks good!
Name is required.
Looks good!
Email is required.
Looks good!
For Bootstrap form validation, you’ll need to apply .needs-validation class and novalidate attributes to your <form> elements. For more information on how it works, read the documentation here.

Form with Alternate Style

Looks good!
At least 8 character and a digit
Apply .form-control-underline class to your <form> element to change the input style.