Learn HTML Forms by Building a Registration Form - Step 17

HTML-CSS
1

Tell us what’s happening:
In this step you’re required to create and nest input elements within your labels, as well as add a space. I believe I’ve done this correctly, however the Code Check seems to disagree haha. The hint at the bottom says “You should add the third input after the label text Enter Your Email:, and include a space after the colon.” I’ve done this exactly, unless I’m missing something?

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>

<!-- User Editable Region -->

    <form method="post" 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>

<!-- 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; rv:109.0) Gecko/20100101 Firefox/111.0

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

Link to the challenge:

2

Your code passes the challenge. Maybe copy out the entire fieldset and inner contents and try refreshing the page, paste that again, and try submitting it.

3

No such luck, unfortunately. I might have to restart this unit of the course

4

This is definitely a weird thing because your code passes for me. Maybe a mod can check into this?

5

Definitely strange. Restarting the course didn’t work, either

6

Found a solution! Very strange as this isn’t included in the hint…

Looked around on the forums for a bit and found that the next step includes adding for tags to the label element and id tags to the input elements. So I added those and got a different error message and hint. This one asked me to clear the id tag of the input and JUST have the input element. After I did that for all of them it let me pass.
TL/DR: Added for= "namehere" to all label tags and id="namehere" for all input tags; got a new message and deleted all id="namehere" tags and was allowed to pass.

1 Like
7

Bellissimo! Glad you could solve it. Happy Coding!

8

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