Learn HTML Forms by Building a Registration Form - Step 28

HTML-CSS
1

Tell us what’s happening:

It keeps on telling me to add “Account type (required)” text to the legend element.
what does it mean? I’hv tried all I could.

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

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 28

2

Hello and welcome to the forum community @Golden50 !

Good attempt.

Here is what we begin this step with:

<fieldset>

        <label><input type="radio" name="account-type" /> Personal</label>
        <label><input type="radio" name="account-type" /> Business</label>
      </fieldset>

Please note the blank line between the opening fieldset tag, and the first code within the fieldset.

Enter the legend opening and closing tags on this line.

Place the text Account type (required)
[/quote]

between the legend tags, so the tags are touching on both ends of the code.

Example:

<legend>Text here (including this)</legend>

Please make sure to place the / before the element in the closing tag?

Please reset the step and enter the code? (Resetting will not affect any previously completed lessons.)

Wishing you good progress on your coding journey. :slightly_smiling_face: