Learn HTML Forms by Building a Registration Form - Step 17

HTML-CSS
1

I’m experiencing an issue with step 17, I believe I nested the input inside label correctly, I’m getting the error that the space between the text and input isn’t there when it clear is.

I’ve looked at some support posts but they haven’t really helped me rattle my brain on this issues, I did go back to the Step 55 Cat project, to look at my input code but as it wraps around the label instead of nesting in it, its a little different and this is where I’m lost.

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

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

Link to the challenge:

2

Edit:
I didn’t correctly enter the input code inside label for all of them because I wanted to see what was causing the issue to the first enter name issue.

3

I think this step will only pass if you do NOT include any attributes in your label or input elements for now. That comes later I think.

4

Remarkable how simple the fix was, I assumed that it wanted the standard text values etc and it ended up just being as simple as removing the attribute elements.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.