Styling Forms with CSS: Sophisticated Registration Form

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 […]

By in Articles on

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!

Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice a tweek.

Manoela Ilic

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.

Image Layer Animations with Clip-Path

Experimental On-Scroll Text Animations with SVG Clip-Path

Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!

Feedback 13

Comments are closed.

  2. You are very welcome!
    If you have any suggestions for improvement or change, please let me know!

  4. Nice form, btw when you can check both radio boxes. At least I managed to select both, male and female options.

  6. 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?

  7. 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

  8. 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

  11. 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

  12. hi
    honestly am baffled this is php mailer script i tried out, Does not work am sure code all wrong, can you help? L