# Forms

Custom form elements

Default Forms

Stack supports all of Bootstrap's default form styling in addition to a handful of new input types and features. Please read the official documentation for a full list of options from Bootstrap's core library.

Your email:
Your password:

Form Validation

Provide valuable, actionable feedback to your users with HTML5 form validation. Indicate invalid and valid form fields with `.is-invalid` and `.is-valid` classes.

First name
Please provide a first name.
Looks good!
Last name
Please provide a last name.
Looks good!
City
Please provide a valid city.
Looks good!
State
Please provide a valid state.
Looks good!
Agree to terms and conditions

Search

A dedicated form group alternative for search forms that always keeps the submit button as part of the form control.

Regular
Flush
Large
Rounded

Merge Group

A slightly modified version of the default input groups that always keeps icons as a part of the form control. Also works with validation.

remove_red_eye
lock_outline
remove_red_eye
lock_outline

Rounded

Form control with rounded corners with the `.form-control-rounded` modifier.

Rounded

Flush

Remove paddings and borders from a form control with the `.form-control-flush` modifier.

Flush

Toggle

Replaces a standard checkbox input with a toggle button.

Subscribe to newsletter
Yes
Yes

Date Picker

A simple yet powerful datepicker powered by Flatpickr. Please read the official plugin documentation for a full list of options.

Date
Range

Input Masking

Mask your form controls depending on the context with the jQuery Mask plugin. Please read the official plugin documentation for a full list of options.

Number
Phone
Date

Rich Text Editor

Powerful WYSIWYG text editor powered by Quill. Please read the official plugin documentation for a full list of options.

Default

# Hello World!

Some initial bold text

Custom toolbar

Hello World!

Some initial bold text

Drag & Drop File Uploads

Drag and drop file uploads with image previews powered by Dropzone.js. Please read the official plugin documentation for a full list of options.

Choose file

- ...

  ...

  close

Select

Customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options powered by Select2. Please read the official plugin documentation for a full list of options.

Basic
Avatars
Multiple
Large
Small