Learn HTML Forms by Building a Registration Form - Step 31 I'm getting an error here, I have reset the code multiple times

Tell us what’s happening:

Describe your issue in detail here.

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>
      <fieldset>
        <legend>Account type (required)</legend>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business</label>
      </fieldset>
      <fieldset>
        <label for="terms-and-condtions"><input id="terms-and-conditions" type="checkbox" required > I accept the terms and conditions <a href="https://www.freecodecamp.org/news/terms-of-service/"> terms and conditions </a></label> 
      </fieldset>

<!-- User Editable Region -->


      

<!-- User Editable Region -->

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

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 31

1 Like

Welcome to FCC Forum @np.mbuyisa !

Please tell us what the problem is in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

Happy coding!

I am struggling with this step, tried so many time but i am getting the same error" You should add I accept the terms and conditions text to the label following the third fieldset"

I just posted the same exact thing. I tried your code in mine and no luck.

Welcome to the community @np.mbuyisa!

Please reset the step?

Currently, the statement has been placed within the last fieldset.
I believe it is to be entered after the closing tag of the last fieldset.

Do not create another ‘terms and conditions’ to make the link.
Place the link around the terms and conditions while the text remains within the statement. Like you did with the words cat photos.

Here is an article that will help better understand turning text and images into links.

FCC News Article Turn Image and Text Into Links

Keep up the good progress!

2 Likes

here gos the text I accept the remove terms and condition in this part .
You have the terms and condition at the end as a link .

>I accept the

remove white space this should be close to the bracket.

>terms and

remove white space from the link in the end .Hope this helps…

2 Likes

Thank you, i’m going to keep trying!

2 Likes

Thank you so much, I will keep trying until i get it right!

2 Likes

can you post your updated code ?

Still no luck, but I won’t stop! I’ve looked at the Cat Photo app, some other answers, reset the step and it’s still not working :sweat_smile:.

2 Likes

did you delete the part terms and condition in the text I accept the ?
did you follow the white spaces , there must be no white space in front of the closing bracket?

Finally got it, i’ve never been this stuck…

<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>
2 Likes

This is the only i could post it, hope it’s clear.

1 Like

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