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.




    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
            Goji BerriesFlaxseedFennel

            Looking for styled form sections?

            or try the admin demo ↗