Pure CSS3 Forms Set

Pure CSS3 Forms Set allows you to create forms of any complexity and for any needs (login, registration, contacts, search, checkout, etc.).

Need the same with Validation, Masking and Modals?

Check out this Pure CSS3 Forms Set + Validation, Masking and Modals.

Testimonials

The documentation is excellent and the code is very easy to work with. One of the better ones I’ve come across especially for flexibility. Thank you for the hard work, just voted 5 stars.
hairanalysiskit

Features

• 3 different form types (vertical, horizontal, columned).
• Normal, error, success and disabled states for all elements.
• Normal, small and large sizes of all elements.
• Customized selects, checkboxes and radios.
• Autocomplete with graceful degradation.
• Customized file input (new).
• Responsive and fixed layouts.
• Tooltips for all elements.
• More then 30 examples.
• 19 colors for buttons.
• 249 scalable icons.
• Extremely clean.
• Easy to use.

Compatibility

• Mac: Safari, Chrome, Opera, Firefox
• Win: Safari, Chrome, Opera, Firefox, IE8, IE9, IE10
• Mobile: iPhone, iPad, Android

Note: some CSS3 effects are not available for IE8.

Changelog

16.04.13 – Version 1.4

• Added customized file input.
• Fixed icon positioning when no label.
• Fixed tooltip positioning when no label.

13.03.13 – Version 1.3

• Added input with autocomplete (works in Crome, FireFox, Opera, IE10).

24.02.13 – Version 1.2

• Added javascript fallback for IE8.

09.02.13 – Version 1.1.1

• Optimized CSS code.
• Added small improvements.

08.02.13 – Version 1.1

• Added placeholders for inputs and textareas.
• Added disabled states for all elements.

06.02.13 – Version 1.0.1

• Fixed font-bug in Google Chrome.

Credits

• Font Awesome by Dave Gandy
• Blurred Background by Shantha Abeyrathne