Learn HTML Forms by Building a Registration Form - Step 19

HTML-CSS
1

Tell us what’s happening:

This code errors:

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

Error Message is " You should use an a element to link to the terms and conditions." There is an a element and this code works on the W3schools site.

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

<!-- User Editable Region -->

      <fieldset>
        <label for="first-name" type="text">Enter Your First Name: <input id="first-name" /></label>
        <label for="last-name" type="text">Enter Your Last Name: <input id="last-name" /></label>
        <label for="email" type="email">Enter Your Email: <input id="email" /></label>
        <label for="new-password" type="password">Create a New Password: <input id="new-password" /></label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset></fieldset>
      <fieldset></fieldset>
    </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; rv:120.0) Gecko/20100101 Firefox/120.0

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 19

2

hello and welcome to fcc forum :slight_smile:

  • wrong use of “type” attribute
  • use them on “input” element instead

happyy coding :slight_smile:

1 Like
3

This is my code:
<label for="email">Enter Your Email: <input id="email" type="email" required /></label>

and it works. What doesn’t is:

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

Nest the type attribute into the input tag. Not the label element.

1 Like
5

Hello @merkleg !

The provided code below is not for Building a Registration Form - Step 19.

It is totally different from the code provided for Step 19,

This step is not asking for anything to do with ‘terms and conditions’

Could you please post the code, from the step you are working on, using the Help that appears on every step in Responsive Web Design after three unsuccessful attempts?

Here is an example of the the Help and the location to find it for Step 19.

image

By providing the code from the current step Help, it allows the community to better assist you with the problem as they can see the correct code, and be able to refer to the Step.

Keep up the good progress.

1 Like
6

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