Multi-step form (MobileFirst + HTML,CSS,JS)

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have other recommendations regarding your code that I believe will be of great interest to you.

LABELS 🔖:

• input elements wants a label associated with it

• A <label> is used to create a caption for a form control. The <label> can be associated with a form control either implicitly by placing the control element inside the label element, or explicitly by using the for attribute

• Effective form labels are required to make forms accessible. The purpose of form elements such as checkboxes, radio buttons, input fields, etc, is often apparent to sighted users

• Even if the form element is not programmatically labeled. Screen readers users require useful form labels to identify form fields, So here using aria-label="{values}" attributes for input is enough to be accessible

• Example:

<input type="text" aria-label="First Name" placeholder="First Name" id="first-name" name="first-name">

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!

Hi

It looks good.

You could use type="tel" for Phone Number field and add some validation to make it perfect.

If I have to learn something from you, it's vanilla Javascript Perfect! Good Job

Moreover, you need to subscribe, and to get started, follow this link. It'll take you to the course's website, where you can sign up and start your JavaScript learning journey. Don't worry; the beginner-friendly system is designed to help you grasp the fundamentals.