Learn HTML Forms by Building a Registration Form - Step 18

Tell us what’s happening: I’m not sure how to add the for with the id

Describe your issue in detail here.

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

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 18

Welcome to the forum
image

The step is asking you to place the for attribute inside the label element.
for is an attribute, not an element.
Also, the for property is missing a value.

The id attribute should go in the input element.

Happy coding

1 Like