Learn HTML Forms by Building a Registration Form - Step 16

HTML-CSS
1

I’m not sure what the issue is here. There is a space after every colon, I believe there are hyphens where they’re needed, and I don’t see any typos.

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

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

Link to the challenge:

2

you have way way too much code (some of it wrong too).

the original set of lines presented to you (and I suggest you click Restart to see them again) were these:

      <fieldset>
        <label>Enter Your First Name:</label>
        <label>Enter Your Last Name:</label>
        <label>Enter Your Email:</label>
        <label>Create a New Password:</label>
      </fieldset>

and the instructions given were:

Nest an input element within each label . Be sure to add each input after the label text, and include a space after the colon.

So here’s a tip for you. When you do this correctly, each line will gain exactly 1 element. The total number of characters you will type per line is 7 (and 1 space character)

(so if you are typing more than that…try again)

3

I based my code off of someone else’s response to a step 16 issue because I had no idea what those instructions meant and just needed to see an example. I’ve added an input element strictly before the ending tag of each label, but that doesn’t seem to satisfy the requirements either.

4

okay try that again (the input element being added all alone) and show me your new code please (if it still does not work).
I will try it on my end and let u know next steps.

5

Maybe I’m doing the input element wrong but it is 7 characters.

Registration Form


Please fill out this form with the required information




Enter Your First Name:
Enter Your Last Name:
Enter Your Email:
Create a New Password:



8

I do not know how to share my code. I’ve tried copying it and doing it by hand and it just doesn’t show the actual code side of it.

9

To share code, use the “</>” icon that appears at the top of the comment box.

Or you can use three back ticks (```). One set before the code and another set after the code.

10

i counted 10 characters
<input id>

Do you think id belongs there?

11

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