Learn HTML Forms by Building a Registration Form - Step 31

HTML-CSS
1

Tell us what’s happening:

hey everyone!
I don’t understand this issues.look at step 31.
I did it but it it says such like this:-
You should add I accept the terms and conditions text to the label following the third fieldset.
how i can solve that?

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></fieldset>

<!-- User Editable Region -->

  <fieldset>
    <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>
</fieldset>


<!-- 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 (X11; Linux x86_64) 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 31

2

you changed the existing code instead of just adding the required text and anchor tags.
If you click reset, the editor shows this code:

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

and they said to add the text right after the input (on the same line).
So do that without modifying anything else.
after that, add your anchor tags around the required phrase.
(do not add a fieldset element, just text after the input element and anchor tags)

2 Likes
3

Bravo!!! you get the write answer so smart man!!!

4

I’m glad I could help. You may notice that I’m not a man though.

5

well! sorry this is my fault.but thanks for your help.

1 Like