Learn HTML Forms by Building a Registration Form - Step 31

HTML-CSS
1

Text terms and conditions is link to url but still lesson not completed

Your code so far

/* file: index.Ext.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-conditions"> I accept the <a href="https://freecodecamp.org/news/terms-of-service"/> terms and conditions </a> <input id="terms-and-conditions" type="checkbox" required /></label>
      </fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

/* file: styles.Ext.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

label {
  display: block;
  margin: 0.5rem 0;
}

Your mobile information:

I2011 - Android 13 - Android SDK 33

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

Link to the challenge:

2

hi! you forget to add input element before the anchor(a) so look at this as example:-
<label for="terms-and-conditions"> <input id="type your input text as the same value of label you...">your text here <a href="">type the text you want to link here</a></label>

3

Hi @Surajsolankit

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image1227×299 27.5 KB

In addition to the advise from @Samuel-54 , the fieldset closing tag is not correctly placed.

Please place it after the fieldset opening tag.

Happy coding