Pure.CSS provides a very beautiful and responsive CSS for form designing. You have to add a class name "pure-form" to <form> element for creating a form.
Following is a list of CSS classes which can be used to create a form with Pure.
||It is used to specify a compact inline form.
||It is used to represent a stacked form with input elements below the labels. it is used with pure-form.
||it is used to represent an aligned form with input elements below the labels. to be used with pure-form.
||It is used to display a form control with rounded corners
||It is used to beautify a button.
||It is used to beautify a checkbox.
||It is used to beautify a radio.
Let's take an example to create a form by using the above all classes.
Test it Now
Types Of Pure.CSS Forms
Following is different types of Pure.CSS forms:
- Default Form
- Stacked Form
- Aligned Form
- Multi-Column Form
- Grouped Inputs
- Input Sizing Form