Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Intro Component with Sign-up Form - JavaScript & Constraint Validation

P

@a-woodworth

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone! 👋

Just finished this section component/form challenge. I modified this design to better meet accessibility standards by using darker colors. I also changed the labels so they persist on focus/error states.

There is no backend connection. I decided to leave in the form action/method info in the HTML for now, but this does trigger a 405 Not Allowed on form submission from my GitHub page.

For the validation, I used the Constraint Validation API. I've added links in my Readme to info on forms and accessibility.

If something is not working with accessibility, please let me know. Still learning and trying to improve my coding skills in this area with each challenge.

Happy Coding!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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