Here is a pretty complete registration form, nicely juiced up with some neat CSS.
Here you can see a DEMO
Download the ZIP file from here: CSS Registration ZIP
Enjoy it!
Tagged with: form registration
Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.
Stay in the loop: Get your dose of frontend twice a week
👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.
Zero fluff, all quality, to make your Mondays and Thursdays more creative!
thanks for sharing this stunning form!!..
You are very welcome!
If you have any suggestions for improvement or change, please let me know!
Hi,
Just a great look n feel.
Thanks a lot.
Nice form, btw when you can check both radio boxes. At least I managed to select both, male and female options.
Hi there!
You have done a great job. Thanks for sharing.
Regards.
Hi
Great form, I have a problem with it it IE8
the Further Information section is displaying below the Personal Details not to the side, do you have a fix?
Dear Scott, I just looked at the form in IE8 and it’s the same like on the image. If you changed the content, the Further Information section might have gotten too wide. You can adapt the widths of the row2 and row3 classes and see if that helps. I.e., Adapt the width of form.register fieldset.row2. Hope that helps, cheers, ML
Mary Lou
Thanks for responding, sorry it was my bad, I had removed some of the CSS.
It’s the best looking form style i have seen, keep up the brilliant work
S
Nice but you really should use labels for a better usability.
awesome form
Hi mary,
was trolling through the net looking for guidance to make a solid and secure form and found you!
This is indeed a wonderful resource that i dually bookmarked.
This form is perfect but i am no developer, far from it infact, can you please tell me how to make it post
assumin my server is running PHP.
Feel free to email me cheers mary
hi
honestly am baffled this is php mailer script i tried out, Does not work am sure code all wrong, can you help? L
It’s a terrific design! Please marry me…