Learn HTML Forms by Building a Registration Form - Step 30

HTML-CSS
1

Tell us what’s happening: I keep getting the error " You should add a type attribute of value checkbox to the input element."

Describe your issue in detail here.
I have written and re-written this code 10 times and it keeps telling me this message. Please give me some hints but NOT a solution- I need to get this

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>

<!-- User Editable Region -->

<fieldset>
 
</fieldset>
    <label>
    <label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /></label>




<!-- 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 (Macintosh; Intel Mac OS X 10.15; rv:123.0) Gecko/20100101 Firefox/123.0

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 30

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening 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!

3

Hi @Dnice

Remove this opening label tag, as it is interfering with the tests.

Happy coding

1 Like
4

Hello @Dnice !

There is an extra opening label tag here.

I hope this helps you.

5

Also, @Dnice , I thought it good to warn you that the next question has a slight glitch. You’re answer will have to be entered below the “User Editable” region. Not in it. You’ll see what I mean, and if you don’t, you’ll be back on the forum. :grinning:

6

Thank you so much!

It’s working now!

On to the next glitchy part (appreciate the heads up on this)

1 Like
7

Ok, I’m on the next step and I posted my code “below the user editable” region and it isn’t working.

        <label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required />I accept the terms and conditions</label>  
    <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
    </label>
    </fieldset>
8

Your label and everything in it needs to be below the last fieldset. Keep it up!

9

OMG Finalllly!!! Thank you @FrontEndCodeLearner :man_cartwheeling:

10

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