# Learn HTML forms by Building A Registration Form- Step 39

**URL:** <https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217>\
**Category:** Curriculum Help\
**Created:** [May 2, 2024, 8:08am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217 "2024-05-02T08:08:51Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![fitzgeraldp](https://avatars.discourse-cdn.com/v4/letter/f/6a8cbe/32.png) [@fitzgeraldp](https://forum.freecodecamp.org/u/fitzgeraldp)\
**Post date:** [May 2, 2024, 8:08am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/1 "2024-05-02T08:08:51Z")

</div>

# Step 39

Link the applicable form elements and their `label` elements together.

Use `profile-picture`, `age`, `referrer`, and `bio` as values for the respective `id` attributes.

Profile Picture:  
  
  
  
Age:  
  
  
  
Referrer:  
  
  
  
Provide a bio:

Above is my code.

I have tried entering the above code I want however it comes up with "The first `input` element should have an `id` of `profile-picture` ".

Look forward to your replies.

---

<div class="post-metadata">

**Author:** ![toan](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/toan/32/135573_2.png) [@toan](https://forum.freecodecamp.org/u/toan)\
**Post date:** [May 2, 2024, 8:32am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/2 "2024-05-02T08:32:26Z")

</div>

Hi @fitzgeraldp , welcome to the forum.

To post your code to the forum, wrap your code inside ``` and ``` (3 backticks) to make it preformatted.

Also, post the link to the exercise for better assistance.

---

<div class="post-metadata">

**Author:** ![fitzgeraldp](https://avatars.discourse-cdn.com/v4/letter/f/6a8cbe/32.png) [@fitzgeraldp](https://forum.freecodecamp.org/u/fitzgeraldp)\
**Post date:** [May 2, 2024, 9:45am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/3 "2024-05-02T09:45:52Z")

</div>

[Learn HTML Forms by Building a Registration Form: Step 39 | freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-39)

---

<div class="post-metadata">

**Author:** ![toan](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/toan/32/135573_2.png) [@toan](https://forum.freecodecamp.org/u/toan)\
**Post date:** [May 2, 2024, 10:00am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/4 "2024-05-02T10:00:46Z")

</div>

Please post your code, too.  
Remember to wrap your code inside ``` and ``` (3 backticks) to make it preformatted.

For the next time, you can press “Help” button to create a help post on the forum

![image](https://global.discourse-cdn.com/freecodecamp/original/4X/9/e/e/9ee9602209dd618f8a9a077b8cbbc8fc2b000cb4.png)

---

<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:** [May 2, 2024, 10:47am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/5 "2024-05-02T10:47:12Z")

</div>

Hey there,

Please update the message to include your code.  
When you enter a code, 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:** ![fitzgeraldp](https://avatars.discourse-cdn.com/v4/letter/f/6a8cbe/32.png) [@fitzgeraldp](https://forum.freecodecamp.org/u/fitzgeraldp)\
**Post date:** [May 3, 2024, 4:00am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/6 "2024-05-03T04:00:50Z")

</div>

‘’’ Profile Picture:  
  
  
  
Age:  
  
  
  
Referrer:  
  
  
  
Provide a bio:  
  
  
‘’’

---

<div class="post-metadata">

**Author:** ![fitzgeraldp](https://avatars.discourse-cdn.com/v4/letter/f/6a8cbe/32.png) [@fitzgeraldp](https://forum.freecodecamp.org/u/fitzgeraldp)\
**Post date:** [May 3, 2024, 4:04am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/7 "2024-05-03T04:04:29Z")

</div>

“”" Profile Picture:  
  
  
  
Age:  
  
  
  
Referrer:  
  
  
  
Provide a bio:  
  
  
“”"

---

<div class="post-metadata">

**Author:** ![toan](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/toan/32/135573_2.png) [@toan](https://forum.freecodecamp.org/u/toan)\
**Post date:** [May 3, 2024, 4:10am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/8 "2024-05-03T04:10:08Z")

</div>

@fitzgeraldp This is the backtick key:

![image](https://global.discourse-cdn.com/freecodecamp/original/4X/6/c/6/6c61eb2af66930d62a4b0d84ecf5df1d84f6446c.jpeg)

---

<div class="post-metadata">

**Author:** ![fitzgeraldp](https://avatars.discourse-cdn.com/v4/letter/f/6a8cbe/32.png) [@fitzgeraldp](https://forum.freecodecamp.org/u/fitzgeraldp)\
**Post date:** [May 3, 2024, 4:15am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/9 "2024-05-03T04:15:44Z")

</div>

```auto
  <label for="profile-picture">Profile Picture:</label>
            <input type="file" id="profile-picture" name="profile-picture">
            <br>
            <label for="age">Age:</label>
            <input type="number" id="age" name="age">
            <br>
            <label for="referrer">Referrer:</label>
            <input type="text" id="referrer" name="referrer">
            <br>
            <label for="bio">Provide a bio:</label>
            <textarea id="bio" name="bio" rows="4" cols="50"></textarea>
            <br>

```

---

<div class="post-metadata">

**Author:** ![toan](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/toan/32/135573_2.png) [@toan](https://forum.freecodecamp.org/u/toan)\
**Post date:** [May 3, 2024, 4:32am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/10 "2024-05-03T04:32:57Z")

</div>

Ok. The instruction asked you to link the `label` and form elements **on the existing code for the existing form**.

What you did is you created a new form elements with new labels.

Click the `Reset` button to reset the code and do it again.

---

<div class="post-metadata">

**Author:** ![fitzgeraldp](https://avatars.discourse-cdn.com/v4/letter/f/6a8cbe/32.png) [@fitzgeraldp](https://forum.freecodecamp.org/u/fitzgeraldp)\
**Post date:** [May 3, 2024, 6:01am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/11 "2024-05-03T06:01:13Z")

</div>

Hi Toan

Thanks. I have am really stuck I have tried creating code possibilities without success. Are you able to give me an example? Cheers Patrick

---

<div class="post-metadata">

**Author:** ![fitzgeraldp](https://avatars.discourse-cdn.com/v4/letter/f/6a8cbe/32.png) [@fitzgeraldp](https://forum.freecodecamp.org/u/fitzgeraldp)\
**Post date:** [May 3, 2024, 6:02am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/12 "2024-05-03T06:02:40Z")

</div>

Hi Toan

WOuld this be it - “”`<input id="profile-picture" type="file" /></label>`Preformatted text`

---

<div class="post-metadata">

**Author:** ![toan](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/toan/32/135573_2.png) [@toan](https://forum.freecodecamp.org/u/toan)\
**Post date:** [May 3, 2024, 6:07am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/13 "2024-05-03T06:07:55Z")

</div>

First, you need to reset the code.

Then, set `id` for `input`, `select`, `textarea` with the given values in the instruction.

Then, inside the `<label>` openning tag, set the `for` attribute with the respective values.

Here is an example to link a `label` with an `input` element:

```html
<label for="fullname">Fullname: <input type="text" id="fullname"></label>

```

---

<div class="post-metadata">

**Author:** ![fitzgeraldp](https://avatars.discourse-cdn.com/v4/letter/f/6a8cbe/32.png) [@fitzgeraldp](https://forum.freecodecamp.org/u/fitzgeraldp)\
**Post date:** [May 3, 2024, 6:13am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/14 "2024-05-03T06:13:35Z")

</div>

Got it thanks for your help. Cheers

---

<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:** [July 3, 2024, 8:57pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/16 "2024-07-03T20:57:36Z")

</div>

hey @MichaelJ89

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 **Ask for Help** button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The **Ask for 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:** ![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:** [July 3, 2024, 8:57pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/688217/17 "2024-07-03T20:57:39Z")

</div>