Learn HTML Forms by Building a Registration Form - Step 28

Tell us what’s happening:
Describe your issue in detail here.

Hello all, im having trouble with this code. I tried putting “id” instead of “for” for the attribute but it still marked it as wrong. Can you help me understand what i am missing?
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 action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <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>
      </fieldset>
      <fieldset>
        <label><input type="radio" for="personal-account" name="account-type" /> Personal Account</label>
        <label><input type="radio" for="business-account" name="account-type" /> Business Account</label>
        <label><input for="terms-and-conditions" type="checkbox" required /> I accept the terms and conditions</label>
      </fieldset>
      <fieldset></fieldset>
      <input type="submit" value="Submit" />
    </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/106.0.0.0 Safari/537.36

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

Link to the challenge:

On this step. you need to do for the 2 ‘radio’ buttons and ‘terms and conditions’ the same thing you did for first name, last name, email and new password.

if you refer to the cat photo app step 56 you will see that -for- attributes are used inside labels to link them to their input elements.
The -id- is meant for the input element.

im still trying to work through it and understand what you meant. this is what i came up with

        <label><input id="personal-account" type="radio" for="personal-account" name="account-type" /> Personal Account</label>
        <label><input id="business-account" type="radio" for="business-account" name="account-type" /> Business Account</label>
        <label><input id="terms-and-conditions" for="terms-and-conditions" type="checkbox" required /> I accept the terms and conditions</label>
      </fieldset> ```

I did refer back to step 56 but i see no “for” attribute only id. i replied back to the other person helping me with what i came up with above

for is an attribute used inside the label to connect it to the input element.

i do suggest reviewing (and solving) the cat photo app step 56 again.

1 Like

ok i will do that now

1 Like