Learn HTML Forms by Building a Registration Form - Step 41

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
what am i getting wrong in this challenge? it refusing to pass.

<!-- 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>
        <label for="first-name">Enter Your First Name: <input name="account-type" id="first-name" name="first-name" type="text" required /></label>
        <label for="last-name">Enter Your Last Name: <input name="account-type" id="last-name" name="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input name="account-type" id="email" name="email" type="email" required /></label>
        <label for="new-password">Create a New Password: <input name="account-type" 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</a>
        </label>
      </fieldset>
      <fieldset>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file"/></label>
        <label for="age">Input your age (years): <input 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="account-type"></textarea>
        </label>
      </fieldset>

<!-- 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/108.0.0.0 Safari/537.36 Edg/108.0.1462.54

Challenge: Learn HTML Forms by Building a Registration Form - Step 41

Link to the challenge:

you have not added a name to all the submittable elements.
(you can check the hint to see which ones)

In this challenge, a submittable element is an element that the user interacts with (by changing its value in some way, such as by typing into it)

the name attribute to be added to the “label” or “input” element?

to answer the question, ask first, what is the purpose of the name attribute?
(it is to allow the back-end code to understand and differentiate between the different user inputs and selections).

So is a label something that the user writes into or modifies in anyway? (and does it need a name therefore?)

Hint

You should give the file a name attribute. PS I would have chosen file
this is the latest hint.
plz help

that is progress. Look at your preview panel.

What item there is a file?

image

thanks for your help,
subsequently any one with similar problem should add name attribute to all the input element and Text area.

thank you

1 Like

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