Learn HTML Forms by Building a Registration Form - Step 18

Tell us what’s happening:

i cannot seem to make an i have done many differences and nothing is working…

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

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 18

what exactly are you not getting right?

<input id=“first-name” / >
i am not sure how to properly set it up
i have been stuck for an hour trying different ways

if it’s level 18, you use same id value as the value of for attribute.
instance if

The first label element should have a “for” attribute with a value of “first-name”

1 Like
in your opening  label tag create for attribute and use the same value as id in the input, 

<label for="status"><input id="status"/></label>
1 Like

yes that’s it good luck, mark my response as solution if it solves you test.

thank you I was doing this late last night. Enter Your First Name:
<input id = " first-name "/ >

Enter Your Last Name:
<input id = " last-name " / >

Enter Your Email:
<input id = " email "/ >

Create a New Password:
<input id = " new-password " / >