Learn HTML Forms by Building a Registration Form - Step 17

Tell us what’s happening:
I give up. This is my error message:

You should add the first input after the label text Enter Your First Name:, and include a space after the colon.

Thank you for the help!
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>
        <label for="first-name">Enter Your First Name: <input id="first-name"></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name"></label>
        <label for="email">Enter Your Email: <input id="email"></label>
        <label for="password">Create a New Password: <input id="password"></label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset></fieldset>
      <fieldset></fieldset>
    </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.13; rv:109.0) Gecko/20100101 Firefox/110.0

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

Link to the challenge:

There’s nothing wrong with your code. The only reason it doesn’t pass is that you’re getting a little ahead of things by adding id attributes to the input elements and for attributes to the label elements. You’ll be adding those in the next step!

Thank you. I tried resetting and removing and I’m still getting the same error message.

I am so confused right now.

<label>Enter Your First Name: <input id="first Name" type="text"></label>

Reset the lesson, enter empty input elements and see what happens. If it doesn’t work, show us your code again.

As far as I rewiew you forgot to add space at the beginning of each label

<label> Enter Your First Name: <input id="first Name" type="text"></label>

Maybe I’m not tracking the directions.

“add the first input after label text” is referring to the text, “Enter your first name” right?

This problem is horrible!

Error message: " You should add the first input after the label text Enter Your First Name:, and include a space after the colon."

My code: /* labelEnter Your First Name: /label*/

I have been stuck for hours. Someone suggested I do blank inputs.

Am I not understanding the directions? " Nest an input element within each label. Be sure to add each input after the label text, and include a space after the colon"

The label text is 'Your first name", right?

Am I not supposed to be indicating that the type is “text”?

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>
        <label>Enter Your First Name:  <input id="" type="text"></label>
        <label>Enter Your Last Name: <input id=""></label>
        <label>Enter Your Email: <input id=""></label>
        <label>Create a New Password: <input id=""></label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset></fieldset>
      <fieldset></fieldset>
    </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.13; rv:109.0) Gecko/20100101 Firefox/110.0

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

Link to the challenge:

You are adding a lot of extra stuff here. Only add the input tag. Add nothing else. Zero properties.

technically, it should be input id=first name, right? I omit the type=text?

Nest an input element within each label. Be sure to add each input after the label text, and include a space after the colon.

I don’t see anywhere the instructions ask for any attributes to be added whatsoever. When I don’t add any attributes whatsoever, then I pass the Step.

Well, you are smart at this stuff :slight_smile:

Thank you for your patience and help. I found a youtube to walk me through the step and I was way off!

I would be careful to not use YouTube walkthroughs too much. Reading somebody else’s code or watching their walkthrough is a very different skill than working through the problem yourself. Watching a video unfortunately doesn’t really prepare you to tackle problems yourself.