# Forms ## Forms: Standard style ```
``` ## Forms: Bordered style ```
``` ## Forms: Standard layout ``` @full-width
Write anything you like.
Request new email
Any number from 1 to 10!
Write more about anything.
This field has no label, which means you really can write what you like.
This field also has no label, but takes up the full width.
``` ## Forms: Standard layout, wide labels ``` @full-width
Your personal email address.
Any number from 1 to 10!
Write more about anything.
Selecting these option might be considered a dangerous operation.
``` ## Forms: Multiple fields per row ``` @full-width
Wichtige Daten
One never lies about one's age.
Colors:
``` ## Forms: Vertical layout ``` @full-width
Write anything you like.
Request new email
Any number from 1 to 10!
Write more about anything.
``` ## Forms: Sections and fieldsets ```

Advanced information

Even more advanced information
``` # Forms: Attachment fieldsets ```
Filesexpanded
Add another file (Maximum size: 5 MB)
``` # 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 ## Default checkboxes ### Standalone ``` ``` ``` ``` ### Within a form ```
``` ### Multiple, within a form ```
``` ## Styled checkboxes [TO BE REFACTORED] ```



``` # 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)_ ``` ```