Learn HTML Forms by Building a Registration Form - Step 37

I don’t know where to put the id or for attributes for this step. I’m completely lost, please help!

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <title>Registration Form</title>
  <link rel="stylesheet" href="styles.css" />
  <h1>Registration Form</h1>
  <p>Please fill out this form with the required information</p>
  <form action='https://register-demo.freecodecamp.org'>
      <label for="first-name">Enter Your First Name: <input id="first-name" type="text" required /></label>
      <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
      <label for="email">Enter Your Email: <input id="email" type="email" required /></label>
      <label for="new-password">Create a New Password: <input id="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      <label for="personal-account"><input id="personal-account" type="radio" name="account-type" /> Personal Account</label>
      <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business Account</label>
      <label for="terms-and-conditions">
        <input id="terms-and-conditions" type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
      <label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" /></label>
      <label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
      <label for="referrer">How did you hear about us?
          <option value="">(select one)</option>
          <option value="1">freeCodeCamp News</option>
          <option value="2">freeCodeCamp YouTube Channel</option>
          <option value="3">freeCodeCamp Forum</option>
          <option value="4">Other</option>
      <label for="bio">Provide a bio:
    <input type="submit" value="Submit" />
/* 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15

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

Link to the challenge:

hi Kiana, welcome to the forum.

If you have already had a chance to work through the cat photo app curriculum, you may recall that all html attributes are created/added into their respective elements’ opening tags.
(so a src attribute for eg. goes into the opening tag of an anchor element).

But perhaps that wasn’t your intended question?

If you want to recall how to link labels and inputs, you just need to recall what you did back in step 55 of the cat photo app. The for attribute goes in the label opening tag.
The value of the for is always the exact same value as the id attribute of the linked input.

Does this help?

Not really, I tried putting the for into the opening tag or the label element and the id tag in the input element but I still can’t pass this step.

When you use the for attribute the value must be exactly the same as the linked element’s id.
So for the above, we see a for attribute called bio. But where is the linked id?
(You must define the bio id somewhere which makes sense. For eg, add the id to the textarea opening tag).

If you link the for attribute correctly for all requested elements, you will pass the test.

Hopefully this will help you but if not, let us know…

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