Learn HTML Forms by Building a Registration Form - Step 29

HTML-CSS
1

Tell us what’s happening:

I’m stuck here please help me
When i look in the forum everyone is on terms and conditions
Olease help if you can

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

<!-- User Editable Region -->

      <fieldset>
        <legend>Account type (required)</legend>
        <label><input id="personal-account" type="radio" name="account-type" checked /> Personal</label for="personal-account">
        <label><input id="business-account" type="radio" name="account-type" /> Business</label for="business-account">
      </fieldset>

<!-- User Editable Region -->

      <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/126.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 29

2

<!-- User Editable Region -->
after you open label give attribute for then add it your input then after that open your input give for that id attribute write as the same you write for in the label for both of the label tag.for instance

 <label for="type here your given values"><input id="personal-account" type="radio" name="account-type" id="type here your given values">checked /> Personal</label for="personal-account">
do it also for the second label element as the same as the first.
but do not forget to give the personal-account, and business-account as values for the respective id attributes.
1 Like
3

Hi there!
Check your other code. Did you have any attribute/value within any other closing tags.?

4

Hi @podgorsek.zan11,

You have put the for=“xxxxx”
inside the closing label tag:

</label>

You need to put the for=“xxxxx” inside the opening label tag:

<label>

(and remove the for=“xxxxx” from the closing tag)

Enjoy coding.

5

I removed it from closing tag this is my code:

  <fieldset>
    <legend>Account type (required)</legend>
    <label><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
    <label><input id="business-account" type="radio" name="account-type" /> Business</label>
  </fieldset>

but i keep geting these message

The first label element should have a for attribute with a value of personal-account .

6

You removed the for attribute from the closing tag like @FeltGirl said.

Now, you also have to add the for attribute inside the openning label tag like he said, too

Remember, attribute is always set inside the opening tag, not closing tag.

7

So I need to put the id and for in the same tag?

8

Hi there!
You need to add same value as the input id to as a for attribute within the label opening tag. Currently you have it in the closing label tags.

9

Thanks

I got it thanks
2 Likes