Skip to content
Submitted 3 months ago

Responsive Contact Form

Derp•170
@DDeerrpp
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Contact form
  • HTML
  • CSS
  • JS
2junior

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
    @MaelkMarkPosted 3 months 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.

    0

Please log in to post a comment

Log in with GitHub

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