Learn HTML Forms by Building a Registration Form - Step 29

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
please help, I input for attribute and still giving me error
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>

<!-- User Editable Region -->

      <fieldset>
        <label><input type="radio" name="account-type" id="personal-account" for="personal-account" /> Personal-Account</label>
        <label><input type="radio" name="account-type" id="business-account" for="business-account" /> Business Account</label>
        <label><input type="checkbox" id="terms-and-conditions" for="terms-and-conditions" required /> I accept the terms and conditions</label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset></fieldset>
      <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/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

You haven’t linked the label and input elements correctly. Each label element should have a for attribute and each input element should have an id attribute. The values for each pair should match.

You also appear to have altered the text content of at least one of the elements.
The best approach now might be to reset this step and start again.

3

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