Help with Step 41 of Learn HTML by Building a Registration Form

HTML-CSS
1

Hi, I’ve been stuck on Step 41 for a few days and I’m wondering if anyone can help get me on the right path.

The directions say:
With form submissions, it is useful, and good practice, to provide each submittable element with a name attribute. This attribute is used to identify the element in the form submission.

Give each submittable element a unique name attribute of your choosing, except for the two radio inputs.

My code so far:

<fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" name="first-name" type="text" required /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>
      <fieldset>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" /> Personal Account</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business Account</label>
        <label for="terms-and-conditions" 
          <input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions"/> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions name=terms</a>
        </label>
      </fieldset>
      <fieldset>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture"    
        type="file" name="profile-picture"/></label>
        <label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" 
        name="age"/></label>
        <label for="referrer">How did you hear about us?
          <select id="referrer" name="referrer">
            <option value="">(select one)</option>
            <option value="1">freeCodeCamp News</option>
            <option value="2">freeCodeCamp YouTube Channel</option>
            <option value="3">freeCodeCamp Forum</option>
            <option value="4">Other</option>
          </select>
        </label>
        <label for="bio">Provide a bio:
          <textarea id ="bio" rows="3" cols="30" placeholder="I like coding on the beach..." 
          name="bio"></textarea>
        </label>
      </fieldset>

I can’t find where I’ve gone wrong and I’ve been banging my head against the wall about it. Apologies if my formatting is off, I haven’t posted here before!

Thanks in advance for your help!

2

I’ve also lost my checkbox with the Terms and Conditions and wondering if I accidentally deleted it.

3

This is a link to the challenge

Have you tried reading the hint?

4

I have, it says " You should give the checkbox a name attribute. PS I would have chosen terms" I have given it a name, though, so I’m not sure what’s going on, maybe it’s in the wrong spot? Thanks for your help!

5

Delete this extra text after the word conditions

6

Thanks, I just tried this, but it still says it’s wrong…

7

also fix this as you deleted the > which was closing this tag before

8

Thank you, thank you! That was it. I was out of commission with a sick kid for a few days, so pleased to have passed this step with your help. Any hints for a newbie to not accidentally delete important bits of syntax in the future? It can get so frustrating!

1 Like
9

You are very welcome.
I think for deleting bits of code, it happens to everyone once in a while by mistake. You probably just have to add it to the list of things you should check if you complete the code but it isn’t working as expected (other things like checking spelling and re-reading the instructions for eg are things I do).
But every once in a while, we just are blind to our own mistakes and need someone else to point them out, no matter how careful we are…

ps there is an online html validator that you can paste your code in that finds things like missing > or other such mistakes if you would like to use it.
It might be overwhelming a little for someone who is new though.

My kid was sick the last few days too. Luckily he is old enough that I only have to baby him for a few minutes a day.

10

That looks useful, thanks so much for all your help! Glad your little guy is feeling better.

1 Like
11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.