Skip to content
Submitted over 4 years ago

Sign Up form with HTML/CSS and JS

Lateef Babalola•125
@delat22
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

Hello! I just completed the intro-component-with-signup-form. Some of the challenges i couldn't fit:

  1. Replacing the 'placeholder' text and color when the active button is clicked
  2. Padding the error image
  3. Remove the 'placeholder' name from First name and Last name when error message is popped up

Thanks.

Community feedback

  • Lateef Babalola•125
    @delat22Posted over 4 years ago

    Thank you alihany. I will implement the feedback

    0
  • alihan•340
    @alihanPosted over 4 years ago

    Hi! Your solution looks good.

    For your challanges:

    1. You can replace your placeholder text with JavaScript with setAttribute() function. And you can change your button color with :hover or :active selectors (CSS)
    2. I can recommend position: absolute for your error image. Check out this, and you can change it easily.
    3. As I told you in first step, you can remove your placeholder with JS again.

    Try it and if you will still have these challanges, check out my solution!

    Good Luck! :)

    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