We set out to create an easy, powerful and versatile form layout system. A combination of form styles and the Foundation grid means you can do almost anything.
Form Basics
Creating a form in Foundation is designed to be easy but extremely flexible. Forms are built with a combination of standard form elements, as well as grid rows and columns.
Number Inputs
In most desktop browsers, <input type="number">
elements will have up/down controls inside them, which increment and decrement the number inside the field. These are called spin buttons. You can disable them by setting the $input-number-spinners
Sass variable to false
.
Text Areas
The <textarea>
element creates a multi-line text input.
Select Menu
Use select menus to combine many choices into one menu.
Checkboxes and Radio Buttons
Use groups of checkboxes when the user may select multiple choices from a list, and use radio buttons when the user must select just one choice.