$form-input-font-family: inherit !global $form-input-border-radius: 0 !global $form-label-cursor: pointer !global $form-label-font-weight: 200 !global $form-column-margin-bottom: 4px !global
Dont't forget to use for="#id-input-name"
with <label>
, it isn't necessary, but it's a good practice.
Creating a form is designed to be easy and flexible. Forms are built with a combination of standard form elements, as well as the Grid (-row
and -col#
). Form elements in Foundation are styled based on their type attribute rather than a class, and can be sized in a couple of ways:
-col#
Use theme classes (you can include any theme, so themes class names can be different) -primary-
, -error-
, -success-
, etc. with <input>
to set theme.
Use size classes Use size classes _tiny
, _small
, _minor
, _normal
, _major
, _normal
, _big
, _huge
, _divine
with <input>
to set size.