Learn HTML Forms by Building a Registration Form - Step 16

Tell us what’s happening:
I was asked to place an “input” element after every “label” element and to leave a space after the colon. After putting in multiple forms of this, and using the tips that it gave me, I still can’t seem to figure out the correct code.

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 action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label>Enter Your First Name: <input </label>/>
        <label>Enter Your Last Name: <input </label>/>
        <label>Enter Your Email: <input </label>/>
        <label>Create a New Password: <input </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/106.0.0.0 Safari/537.36

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

Link to the challenge:

It looks like you are closing your label before you close your input. In which case its not going to work, here is an example that might work. You can use this as an example, just need to change it up to match the challenge needs


<label >
   <input type="text" id="myinput" />
</label>

2 Likes

thanks for the tip, but this didn’t work. I tried making it a separate element and I tried putting it into the element and i just can’t seem to get it. I’m gonna keep trying, but for rn I’m going to take a break lol.

When you get a chance post your updated code

1 Like
  <label>Enter Your First Name:
      <input />
    </label>
    <label>Enter Your Last Name:
      <input />
    </label>
    <label>Enter Your Email:
      <input />
    </label>
    <label>Create a New Password:
      <input />
    </label>

This is what i worked on before I took a break earlier.

Hey! You need to remove the / from the end of your inputs and have the inputs on the same line as the label text with exactly one space in between.

1 Like

i dont know why that seemed to click for me, but reading that helped me get pass that step. THANK YOU

2 Likes

Please post your updated code, some of us are facing the same problem too.
Thanks in advance.

Hey! If you’re facing any issues with your own code, please create your own topic when you have specific questions about your own challenge code.

The easiest way to create a topic for help with your own solution is to click the Ask for Help button located on each challenge. This will automatically import your code in a readable format and pull in the challenge url while still allowing you to ask any question about the challenge or your code.

Thank you.