Learn HTML Forms by Building a Registration Form - Step 18

Tell us what’s happening:

I’m on step 18 and it’s telling me " Sorry, your code does not pass. Don’t give up.

The first input element should have an id of first-name."

even though my code for the first one matches up. What am I doing wrong?

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

<!-- User Editable Region -->

      <fieldset>
        <label id="first-name">Enter Your First Name: <input id:"first-name"></label>
        <label id="last-name">Enter Your Last Name: <input for:"last-name"></input></label>
        <label id="email">Enter Your Email: <input for="email"></input></label>
        <label id="new-password">Create a New Password: <input for="new-password"></input></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_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 18

Hello,

Take a look at the above section on the first two inputs and compare it to the last two inputs.

The coding of the id attribute here is incorrect. Also, keep in mind that the id attribute is placed within the input element and the for attribute is placed within the label element.

1 Like