Learn HTML Forms by Building a Registration Form - Step 17

Hey guys, been stuck here for a couple hours in what I must assume is a drastic overview on my end…

I already defined both the for and id attributes for the label and input elements to no avail.
Tried defining type attributes for each input element but that didn’t work either.
Tried going for only the basic here and nothing seems to work…

Am I overthinkinh this? This is driving me crazy, please help, I already looked into the other similar topics and into step 55 of the Cat Photo App, nothing seems to help…

Enter Your First Name: Enter Your Last Name: Enter Your Email: Create a New Password:
<!-- 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">
        </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="new-password">Create a New Password: 
          <input id="new-password">
        </label>
      </fieldset>
      <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

Couple of things I would try to fix this. Please try in order as you may not need all:

1- remove all the id and for attributes OR click reset and simply add <input> in the correct location(s). This step is -this- simple.
2- after #1 if still stuck, adjust your spacing so that there is exactly one space between the colon and the input

1 Like

I did feel like I was overthinking here.

I reseted the lesson and just added the element after the colon and, boom, it’s working.

Feeling like a bit of knob now… :man_facepalming:t2:

It is a super common mistake. The curriculum is sometimes very literal.

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