Learn HTML Forms by Building a Registration Form - Step 38

Tell us what’s happening: Code is not working it says Sorry, your code does not pass. Try again.You should nest a textarea element within the label.

Describe your issue in detail here. code won’t work

Your code so far.

<label for="profile-picture">Upload a profile picture: <input type="file" id="profile-picture" /></label>
<label for="age">Input Your age (years): <input type="number" min="13" max="120" id="age" /></label>
<label for="referer">How did you hear about us? 
    <select id="referer">
        <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"></textarea></label>
<label for="additional-label">Additional Label: <textarea id="additional-label"></textarea></label>
<!-- Corrected the duplicate id issue -->
<input type="text" id="additional-label-input">
<!-- 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 type="file" id="profile-picture" /></label>
    <label for="age">Input Your age (years): <input type="number" min="13" max="120" id="age" /></label>
    <label for="referer">How did you hear about us? 
        <select id="referer">
            <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"></textarea></label>
    <label for="additional-label">Additional Label: <textarea id="additional-label"></textarea></label>
    <!-- Corrected the duplicate id issue -->
    <input type="text" id="additional-label-input">
</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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4 Safari/605.1.15

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 38

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Hi there! You added a lot of extra content, so reset the task. Then, create a label with a given text and put textarea element inside label element. No need for ids in this step. That’s enough to pass the task.