Learn HTML Forms by Building a Registration Form - Step 28

HTML-CSS
1

where to place the legend element

<!-- 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 name="account-type" required>
        <label><input type="radio" name="account-type" checked /> Personal</label>
        
        <label><input type="radio" name="account-type" /> Business</label>
        </lelend>
        
      </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

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 28

2

Hey @dave13 you almost there the legend attribute should have an open and closing notation like this <legend></legend> . you have it in the right place the only problem with your code is that what you have as a name and required should be the text inside the legend text not inside the the notation. just delete everything you have inside the legend, name and all that, and copy and paste the text that they are providing you inside the legend text, remember to add the the closing legend notation after your text.

Happy coding.

3

You didn’t need any attribute and value within legend tag. Reset your challenge and add legend opening and closing tags, and add that text given in the instructions between your legend tags.
@dave13

4

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