Learn HTML Forms by Building a Registration Form - Step 42

Tell us what’s happening:

I’ve been stuck for days now in this step. I’ve included name attributes to every submittable forms but still getting errors.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form method="post" action='https://register-demo.freecodecamp.org'>

<!-- User Editable Region -->

        <fieldset>
          <legend>Details</legend>
        <label for="first-name">Enter Your First Name: <input id="first-name" type="text" required name="first-name" /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required name="las-name" /></label>
        <label for="email">Enter Your Email: <input id="email" type="email" required name="email" /></label>
        <label for="new-password">Create a New Password: <input id="new-password" type="new-password" pattern="[a-z0-5]{8,}" required name="password" /></label>
      </fieldset>
      <fieldset>
        <legend>Account type (required)</legend>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business</label>
      </fieldset>
      <fieldset>
        <legend>Bio-data</legend>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file"/></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" name="bio" placeholder="I like coding on the beach..."></textarea>
        </label>
      </fieldset>
      <label for="terms-and-conditions">
        <input id="terms-and-conditions" type="checkbox" name="terms-and-condition" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
      </label>

<!-- User Editable Region -->

      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

label {
  display: block;
  margin: 0.5rem 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 42

Hi there @muyiwapaul20 . You have a typo in the name attribute value for the above input element.
Edit:

Also in above input.

i’m still stuck, after correcting the typos.

@muyiwapaul20 The legend element’s text wasn’t Bio-data in the starting of the challenge step. You shouldn’t change the existing code.

Remove name attribute and it’s value from select element.
Submittable things are only input and textarea elements.

I’ve done the necessary corrections I’m still getting the same error result

@muyiwapaul20 Post your latest code here in your reply. Use three back ticks (```) on a separate line before and after your code block

<fieldset>
          <legend>Details</legend>
        <label for="first-name">Enter Your First Name: <input id="first-name" type="text" name="first-name" required /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" name="last-name" required /></label>
        <label for="email">Enter Your Email: <input id="email" type="email" name="email" required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" type="new-password" pattern="[a-z0-5]{8,}" name="password" required /></label>
      </fieldset>
      <fieldset>
        <legend>Account type (required)</legend>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business</label>
      </fieldset>
      <fieldset>
        <legend>Bio-data</legend>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file"/></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">
            <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" name="bio" placeholder="I like coding on the beach..."></textarea>
        </label>
      </fieldset>
      <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>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

@muyiwapaul20 The legend text wasn’t Details in the starting of the challenge step.

1 Like

thanks already sorted