Learn HTML Forms by Building a Registration Form - Step 18

HTML-CSS
1

Tell us what’s happening:

Hello?

My code is not coming up, how do I link the input element in the fieldset with a label element?

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="first-name"/></label>
<input for="first-name">
<label>Enter Your Last Name: <input id="last-name" /></label>
<input for="last-name">
<label>Enter Your Email: <input id="email" /></label>
<input for="email">
<label>Create a New Password: <input id="new-password" /></label>
<input for="new-password">
      </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/127.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 18

2

I would click the reset button to restore the code for the step first, then add the for attributes to the label elements. Make sure each for attribute’s value is an identical match to the id attributes in the input elements. (You should add those too if they are not given in the step)

1 Like
3

If you need more help, post your new code and question here and do not open a duplicate topic for the same challenge.