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

            Goji BerriesFlaxseedFennel

            Looking for styled form sections?

            or try the admin demo ↗