Learn HTML Forms by Building a Registration Form - Step 39

HTML-CSS
1

Tell us what’s happening:

I don’t know what to do i keeo gettting this mesage

The fourth label element should have a for attribute with a value of bio

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>
        <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>

<!-- User Editable Region -->

      <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">
            <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 id="bio"></textarea for="bio">
        </label>
      </fieldset>

<!-- User Editable Region -->

      <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>
      <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/126.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 39

2

Hi Podgorsek,

The attribute for must be set inside the opening label tag <label>, not in the closing textarea tag </textarea>

1 Like
3

Hi @podgorsek.zan11,

I would hazard a guess that the error message is referring to the label in this area of the page.

As the error says, your need a for attribute with a valus of bio.

4

I tried this

    </label>
    <label>Provide a bio:
      <textarea for="bio"></textarea>
    </label>
  </fieldset>

but its not working i also tried to put the id in the closing tag but its not working

5

hello!zan, your code is correct but after you code for label also you should have to code for input as the same value of label by giving to input id attribute., within each label. look at this example.

<<label for="image">Upload a profile picture: <input id="profile-picture" type="file"  id="image"/></label>
<label for="my bio">provide bio:
<textarea id="my bio"></textarea for="my bio">
then replace it those value image,& my bio.
profile-picture, age, referrer, and bio
try to do all of this within each label
happy coding !if you're not understand we can help you as we can!
2 Likes
6 
    <label>Provide a bio:
      <textarea for="bio"></textarea>
    </label>
  </fieldset>

You should:

  • set the id attribute inside <textarea> tag
  • set the for attribute inside <label> tag

both with the same value: "bio"

2 Likes