Learn HTML Forms by Building a Registration Form - Step 38

Tell us what’s happening:
Describe your issue in detail here.
i need help with my code, dont know where i have gone wrong
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'>
      <fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" type="text" required /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input id="email" type="email" required /></label>
        <label for="new-password">Create a New Password: <input id="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 /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
        </label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset>
        <label>Upload a profile picture: <input type="file" /></label>
        <label>Input your age (years): <input type="number" min="13" max="120" /></label>
        <label>How did you hear about us?
          <select>
            <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>Provide a bio:
          <textarea></textarea>
        </label>
        <label for="profile-picture">Profile picture: <input id="profile-picture" type="text"/></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/115.0.0.0 Safari/537.36

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

Link to the challenge:

You have to link your label elemnent and input element together.
example;
<label for="name"><input id="name"/></label>
You id and for attribute should be same.

 <label>Provide a bio:
          <textarea></textarea>
        </label>
        <label for="profile-picture"><input id="profile-picture"/></label>
        <label for="age"><input id="age"/></label>
        <label for="referrer"><input id="referrer"/></label>
        <label for="bio"><input id="bio"/></label>
it still doesnt pass why???

image
You have to add in given label element and input element . don’t add another label element. just modify your given label element

modify your label element and input element.
in third label element you should modify label element and select element.
and in last element modify label element and textarea element.

this is what i have now

<label>Provide a bio:
          <textarea></textarea>
        </label>
        <label for="profile-picture">profile picture: <input id="profile-picture"/></label>
        <label for="age">age: <input id="age"/></label>
        <label for="referrer">referrer: <input id="referrer"/></label>
        <label for="bio">bio: <input id="bio"/></label>
      </fieldset>

Please reset your code and then try

only add for and id attribute in given label element

The first input element should have an id of profile-picture .
thats what am being told yet i already have it

first reset your code, then modify first label element

i have reset it but now it says
The select element should have an id of referrer .

okk good!
now your third label for attribute and select element should be refferer

what am i doing wrong on the referrer

 <label for="profile-picture">Upload a profile picture: <input type="file" input id="profile-picture" /></label>
        <label for="age">Input your age (years): <input type="number" input id="age" min="13" max="120" /></label>
        <label for"referrer">How did you hear about us? <input id="referrer"
          <select>

remove input element from your referrer
make <select id="referrer"></select>

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