Learn HTML Forms by Building a Registration Form - Step 31

STEP 31 REGISTRATION FORM HTML

what the step is:
Add I accept the terms and conditions text to the newly added label, then link the text terms and conditions to the following location:

https://www.freecodecamp.org/news/terms-of-service/

when I go to do this is tells me that i need to link my text to the link above which im pretty sure I did but it dosent seem to be working. help!

this is my 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 -->

      <label for="terms-and-conditions"><a href="https://www.freecodecamp.org/news/terms-of-service/">I accept the terms and conditions</a><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_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

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

Link to the challenge:

2 Likes

It doesn’t say this explicitly in the instructions, but the text you add has to be placed after the input, not before it.

And make sure you only turn the words “terms and conditions” into a link. You turned all of the text into a link.

ooooh ok thanks I thought I was supposed to turn all of it into the link. Thank you!

1 Like

Mod edit: removed

bro i think u already got the answer, but here’s the code for anyone who wasted hours just like me xD

@church

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.