Learn HTML Forms by Building a Registration Form - Step 41

HTML-CSS
1

I don’t know what I’m doing wrong. This is the instruction:

Step 41

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.

Here is my code:

Screenshot 2023-08-14 at 13.40.26
Screenshot 2023-08-14 at 13.40.261658×1214 393 KB

Please help!

2

Can you paste your code please

3

As said above, please post your code instead of sending screenshots. When you post your actual code it lets us copy it and paste it in to the challenge ourselves so we can see exactly whats going on. Also, can you provide a link to the current challenge you are on as well

To post code:

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like
4 
        <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="password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>
      <fieldset>
        <label for="personal-account"><input id="personal-account" type="radio"/> Personal Account</label>
        <label for="business-account"><input id="business-account" type="radio"/> Business Account</label>
        <label for="terms-and-conditions">
          <input id="terms-and-conditions" type="checkbox" name="terms-and-conditions" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
        </label>
      </fieldset>
      <fieldset>
        <label for="profile-picture">Upload a profile picture: <input  id="profile-picture" name="img" type="file"/></label>
        <label for="age">Input your age (years): <input name="age" id="age" type="number" min="13" max="120" /></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>
5

it said the post was created too long ago to edit. So I’ve added the code in this comment

7

Refresh Your site and try again Your code is fine

8

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