# Learn HTML Forms by Building a Registration Form - Step 17

**URL:** <https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334>\
**Category:** Curriculum Help\
**Created:** [November 12, 2024, 5:46pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334 "2024-11-12T17:46:35Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![chrisfanniel451](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/chrisfanniel451/32/379325_2.png) [@chrisfanniel451](https://forum.freecodecamp.org/u/chrisfanniel451)\
**Post date:** [November 12, 2024, 5:46pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334/1 "2024-11-12T17:46:35Z")

</div>

### 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

```html
<!-- 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>

```

```css
/* 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

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-17)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [November 12, 2024, 5:48pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334/2 "2024-11-12T17:48:04Z")

</div>

> [@chrisfanniel451](#):
>
> ```auto
> <label for="fname">Enter Your First Name: </label>
> <input type="text"/>
> 
> ```

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!

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [November 12, 2024, 7:42pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334/4 "2024-11-12T19:42:28Z")

</div>

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](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

<div class="post-metadata">

**Author:** ![nolla5830](https://avatars.discourse-cdn.com/v4/letter/n/b487fb/32.png) [@nolla5830](https://forum.freecodecamp.org/u/nolla5830)\
**Post date:** [November 12, 2024, 7:47pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334/5 "2024-11-12T19:47:08Z")

</div>

> [@chrisfanniel451](#):
>
> ```auto
> <!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>
> 
> ```

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

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [November 12, 2024, 7:50pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334/6 "2024-11-12T19:50:47Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![nolla5830](https://avatars.discourse-cdn.com/v4/letter/n/b487fb/32.png) [@nolla5830](https://forum.freecodecamp.org/u/nolla5830)\
**Post date:** [November 12, 2024, 9:28pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334/9 "2024-11-12T21:28:41Z")

</div>

\<

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [November 12, 2024, 9:41pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334/10 "2024-11-12T21:41:02Z")

</div>

please use the Help button to open your own topic

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 20, 2025, 8:02pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-17/720334/11 "2025-02-20T20:02:06Z")

</div>

Closed on February 20, 2025, 8:02pm UTC


