Form Elements

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

Standard Inputs

Common inputs such as text, email, telephone, password, address etc. Add the class .validate-required if the input is required in the form.

Alternatively use the tag before an input for greater user assistance.

Your Name (required)

Your Email (required)

Subject

Your Message

Checkbox Inputs

Wrap checkbox inputs in the input-checkbox element for a more stylish option. Alternatively, place a span directly after to group the two for visual usability

I have read and agree to the terms and conditions

Radio Inputs

Wrap radio inputs in the input-radio element for a more stylish option. Use in conjunction with the

Option 1Option 2Option 3

Select Inputs

Wrap radio inputs in the input-select element for a more theme-consistent stylish option.

Formatting Forms

Using the Bootstrap column classes, you can easily control the widths of the inputs in your form.

The below code would render a form with two equally sized (six columns) inputs in two adjacent columns.





I have read and agree to the terms and conditions
SilverGoldPlatinum

Looking for styled form sections?

or try the admin demo ↗