HTML form elements are used to take information from the user. Using Pure CSS ,we can create different types of pure css forms such as:
To create default form inline form, simply add .pure-form
class to the <form>
element base class.
If you run the above source code then the output look like:
To create stacked form, just assign .pure-form-stacked
class to the <form>
element base class having class .pure-form
.
If you run the above source code then the output look like:
To create an aligned form ,you have to add .pure-form-aligned
& .pure-form
to the <form>
element base class.
If you run the above source code then the output look like: