Learn HTML Forms by Building a Registration Form - Step 18

Tell us what’s happening:
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="first-name" id="first-name"/></label>

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

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

Link to the challenge:

The for attribute goes on the label, not the input. That’s how you link them together. Putting both the for and id attributes on the input wouldn’t link the input to the label because there would be nothing on the label to link it to the input.

Thank you. I didn’t understand the task. But I got it now

1 Like