Learn HTML Forms by Building a Registration Form - Step 17

HTML-CSS
1

Tell us what’s happening:

Can someone help me with me plz. I’ve tried and tried but still cant come up with the right 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 method="post" action='https://register-demo.freecodecamp.org'>

<!-- User Editable Region -->

      <fieldset>
        <label for="fname">Enter Your First Name:  </label>
        <input type="text"/>

        <label for="lname">Enter Your Last Name: </label>
        <input type="text"/>

        <label for="email">Enter Your Email: </label>
        <input type="text"/>

        <label for="password">Create a New Password: </label>
        <input type="text"/>
            <input type="submit" value="Submit">
      </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 17

2

you put the input element after the label, instead you are asked to “nest”, that means that the input needs to go inside the label. Try again!

1 Like
4

what do the tests say?

I’ve edited your code for readability. 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 (').

5

guys i’m just a beginner can you help me ?

6

hi @nolla5830, please create your own topic

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

9
<
10

please use the Help button to open your own topic