Submitted about 1 month ago

Responsive Contact Form

Derp• 170

@DDeerrpp

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Contact form

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Finished a project!

Some things were kind of confusing but understood how custom radio and checkbox inputs work. I would need to plan out more on making these as ordering the boxes around got a little confusing for me, so I could organize better next time.

Please let me know any feedback you have!😗

Community feedback

MaelkMark• 150

@MaelkMark

Posted about 1 month ago

You did a great job, I like the custom radio buttons and checkboxes.

But actually you've forgotten the email validation. You can submit the form even if the email address is invalid.

You can check the validity from js with inputElement.checkValidity(), returns true / false (this works because the input type is set to email).

Also, if you want to create real-time feedback to the user, you can use the :valid and :invalid pseudo classes. If interested, you can watch this video by Kevin Powell on youtube.

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord