- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Forms
In this chapter, we will study about Forms. Foundation provides powerful, easy and versatile layout system for Forms, which combines form styles and grid support.
The following table lists the form elements used in Foundation.
| Sr.No. | Form element & Description |
|---|---|
| 1 | Form Basics
Creation of forms is easy and very flexible, which are built with a combination of standardized form elements and powerful grid system. |
| 2 | Help Text
It is used to notify the user about the purpose of the element and is usually placed below a field. |
| 3 | Label Positioning
You can position your labels left or right of your inputs. |
| 4 | Inline Labels and Buttons
Extra text or controls can be attached to the left/right of an input field. |
| 5 | Custom Controls
Custom controls like date pickers, switches or sliders require some attention to access it. |
| 6 | SASS Reference
You can change the styles of the components by using SASS Reference. |