Learn HTML Forms by Building a Registration Form - Step 28

To solve this, you can provide context of what is needed by adding legend element below the second fieldset with text Account type (required) , then add checked attribute to the Personal input to make sure that the form is submitted with the required data in it.

plz help!!!

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" checked/> Personal</label>

<legend checked="Personal"> Account type (required) </legend>

        <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/118.0.0.0 Safari/537.36

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

Link to the challenge:

Hey, @adar7h welcome to FCC
Here is another post addressing your issue.

2 Likes

not working
it is showing add acccount type (required)text to thelegend` element.

If you have made the necessary changes, post your code here so that we work it out together.

1 Like
Registration Form

Registration Form

Please fill out this form with the required information

Enter Your First Name: Enter Your Last Name: Enter Your Email: Create a New Password:
    <label><input type="radio" name="account-type" /> Personal</label>
    <label><input type="radio" name="account-type" /> Business</label>
    <legend checked="Personal"> Account type (required) </legend>
  </fieldset>
Account type (required) This is correct but you need to remove the spaces in your code. Thats why its showing an error.
1 Like

Thank you, your answer was really helpful. But do you know why do we have to remove the spaces when in some cases we have to add spaces?

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