Learn HTML Forms by Building a Registration Form - Step 18

HTML-CSS
1

Tell us what’s happening:

I am not sure what I am doing wrong here. I have done my research and still not seeing what’s wrong. Any help is greatly appreciated. I am becoming very frustrated with this step!
I can’t even figure out how to upload a stupid snip it to this site so I can show my work. Yall please help I really hate pc laptops and want to go back to my macbook lol.

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

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 18

Screenshot 2024-11-20 140242
Screenshot 2024-11-20 140242760×543 37 KB

2

Hi there and welcome to the forum!
You need to place for attribute within the opening label tag

Here is the more info and examples you may find helpful:

3

Screenshot 2024-11-20 145241
Screenshot 2024-11-20 145241782×590 35.8 KB

I tried that and still not working.

4

double check the first for attribute, it must match the id of the input

5

Also don’t send screenshots of your code, please learn how to do it properly:
Forum code formatting

6

Ok thank you. I don’t know how else to show what I am struggling with if I don’t send a screen shot.

1 Like
7

you can share your code using proper formatting and describe what you are struggling with

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').