Learn HTML Forms by Building a Registration Form - Step 28

HTML-CSS
1

(QUESTION) To solve this, you can provide context of what is needed by adding a legend element with text Account type (required) before the label elements within the second fieldset . Then add the checked attribute to the Personal input to ensure the form is submitted with the required data in it.

legend tags are placed after as instructed, checked is placed within still code isn’t passing., where is the error?
(MY CODE)

Account type (required) Personal Business 
  </fieldset>

<!-- 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>
<legend> Account type (required)  </legend>
        <label><input checked type="radio" name="account-type"  /> Personal</label>
        <label><input type="radio" name="account-type" /> Business</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/122.0.0.0 Safari/537.36 Edg/122.0.0.0

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 28

2

The test are perhaps being a little too picky here, but in general, you should not add extra spaces where they are not needed if you want to make the tests happy, so get rid of the extra spaces between the opening tag and the word “Account” and the word “(required)” and the closing tag.

1 Like
3

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