Learn HTML Forms by Building a Registration Form - Step 28

HTML-CSS
1

it says to add Account type (required) to the legend element, so I put <legend Account type (required)> and it says the code doesn’t pass, what am I missing here? Is this some joke on me?

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>

<!-- User Editable Region -->

      </fieldset>
      <fieldset> 
        <legend Account type (required)>
      <label><input type="radio" name="account-type" checked/> 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 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 28

2

Hello @SeanJ !

Good attempt!

The Account (required) should not be entered into the open legend tag. It is the text to go between the opening and closing tags.

Legends require a closing tag, like the label element.

I am not seeing a legend closing element tag.

Keep up the good progress! :sun_with_face:

3

That didn’t help unfortunately

4

Could you please show the updated code @SeanJ ?

It should appear like the following example.

<label>text(added)<label>

Notice how the label tags in my example touch both sides of the text?

I hope this is better help.

If it still does not work, please post the updated code so people in the community can see the best way to provide guidance to resolve the issue.

Keep up the good progress!

2 Likes
5

Thank you very much, sorry to be a hassle

1 Like
7

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