Learn HTML Forms by Building a Registration Form - Step 18

HTML-CSS
1

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="label" id="last-name"/></label>
        <label>Enter Your Email: <input for="label" id="email"/></label>
        <label>Create a New Password: <input for="label" 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hello and welcome to FCC Forum, a community of people helping each other!

Use first-name, last-name, email, and new-password as values for the respective id attributes.

This step wants us to add a for attributes with the value of the provided value for each of the labels. And, to add an id to the input matching those save values.

This is done to connect the input with the label.

Great start.
Just move the for attribute and value to the opening label, and I think you should pass the code.

Happy coding! :wink: