Skip to content
Submitted about 3 years ago

Sign-up form component!

Amanda Talle•40
@atalle
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey dev community!

I was not able to figure out how to add the error icon inside the input box, and would love feedback or ideas on how to implement that!

Additionally, I wrote two functions to show/hide error states (one function transforms the input border color and the other function updates and shows/hides the error message itself). Curious if there is any way to refactor this code to make it easier to read. Thank you!

Community feedback

  • Account deleted

    Hi, for the error icons you can use background-image: url(path of the icon) on the input and then you can position them accordingly, do not forget to add background-repeat : no-repeat so that they do not get repeated.

    1

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