Learn HTML Forms by Building a Registration Form - Step 31

HTML-CSS
1

Tell us what’s happening:

I can’t seem to find the issue with my code

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

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

<!-- 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 31

2

Hey @cloudtears1313
Try removing the spacing between your link text and the a tags below then try it out

Happy coding

1 Like
3

The input is supposed to go first before the text below

1 Like
4

Welcome to the community @cloudtears1313 !

The text needs to be placed after the input element and before the closing label tag.

Great job of anchoring terms and conditions.
Just make sure the anchor touches both sides of terms and conditions.
I suggest resetting the step to make sure there is not any lingering failed code.
Then, only add the text behind the input element.
Add the anchor, and do not make any other changes.
<label>< input>text</label>
I think you have got this one.
Make sure not to delete or add extra spaces, please.
Happy coding!

1 Like
5

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