A Cebuana globe trotter , gourmand and chef following her…
[stack_hero image=”38″]
[/stack_hero]
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 →
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]
[/stack_boxed_content]
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 <label> tag before an input for greater user assistance.
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]
[/stack_boxed_content]
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
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]
[/stack_boxed_content]
Radio Inputs
Wrap radio inputs in the input-radio element for a more stylish option. Use in conjunction with the <label> tag.
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]
[/stack_boxed_content]
Select Inputs
Wrap radio inputs in the input-select element for a more theme-consistent stylish option.
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]
[/stack_boxed_content]
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.