Submitted over 3 years ago

Intro component with sign-up form Using Bootstrap

Favourite Jome• 1,110

@jomefavourite

Preview site View code

This is a solution for...

Intro component with sign-up form

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Any feeback is welcomed

Community feedback

Dave• 5,245

@dwhenson

Posted over 3 years ago

Hey Jome - Nice job!

I just did this one two and I like how you have done it.

One trick I just learnt recently was to use JavaScript to add the 'novalidate' attribute to the form. That way if the JavaScript fails for any reason you can still make use of the HTML5 validation on the inputs.

Also, I suspect if you look into how to use the label element with the input elements that will solve most of the accessibility issues.

Nice one!

Favourite Jome• 1,110

@jomefavourite

Posted over 3 years ago

Thanks, I didn't include the label tag, I think that's what causing the accessibility issue. I'll fix that soon @dwhenson

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

Hey, Jome Favourite! 👋

Good work! Your solution looks good and is responsive! Your form validation works well, too. 👍

You just might want to take a look at your solution report and try to clear up some of the accessibility issues that were generated. 😉

Keep coding (and happy coding, too)! 😁

Favourite Jome• 1,110

@jomefavourite

Posted over 3 years ago

Thanks for always checking out my work.

I'll try to clear up the issues generated and probably read on accessibility.

Thanks once again @ApplePieGiraffe 😊

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