Learn HTML Forms by Building a Registration Form - Step 18

Tell us what’s happening:
I do not understand why the proper syntax is:

the instructions ask for a “for” attribute. How did we go from [for=] to [type=]/[name=]? I am utterly lost and confused, and just as frustrated. please send 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'>
      <fieldset>
        <label>Enter Your First Name: <input for="first-name"/></label>
        <label>Enter Your Last Name: <input for="last-name"/></label>
        <label>Enter Your Email: <input for="email"/></label>
        <label>Create a New Password: <input for="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 18

Link to the challenge:

The for attribute is used to “link” one element to another element by id. Labels are for inputs, so that is where the for attribute is used.

this is the exact same as step 56 of cat photo app

you add for attributes to the labels
ids to the inputs
the values should match to connect the two

so
~label for=“first name”>Enter Your First Name: </lable ~
???

The for attribute of the label has to be exactly the same as the id attribute of the input element it is “for” - what it describes. Maybe the examples here help:

thank you, that helped a bit. I think I got stuck for a while on step 56 for the cat tutorial too. the struggle is real

There will be many times of frustration, sometimes stuck for hours on something. Keep at it and it’ll start to make some sense.

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