# Forms ```

``` ## Forms: Standard layout ``` @full-width
Write anything you like.
Any number from 1 to 10!
Write more about anything.
``` ## Forms: Standard layout, wide labels ``` @full-width
Your personal email address.
Any number from 1 to 10!
Write more about anything.
``` # Forms: Text fields ## Default text fields ### Standalone ``` ``` ## Text field sizes ``` ``` ## Plain text fields _with no classes applied (uses default Foundation form styling)_ ``` ``` # Forms: Text areas ## Default text areas ### Standalone ``` ``` ## Plain text areas _with no classes applied (uses default Foundation form styling)_ ``` ``` # Forms: Checkboxes ```



``` # Forms: Select ## Default selects ### Standalone ``` ``` ``` ``` ``` ``` ### Within a form ```
Oranges are rich in Vitamin C. Eat more than two!
``` ## Select Sizes ``` ``` ## Narrow select _By default, a `form--select` will take the full width of its container element. In most cases it is recommended to apply a width to the container element, but in certain circumstances the `-narrow` variant may be preferable._ ``` ``` ## Plain selects _with no classes applied (uses default Foundation form styling)_ ``` ```