Learn HTML Forms by Building a Registration Form - Step 28

HTML-CSS
1

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.

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

<!-- 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:

2

Welcome to the community @Hamed2254!

Good attempt!

Just a couple of things.

The legend is to go between the opening fieldset tag and the input with Personal.

Only place the text

between the legend tags.

This is done great!

Keep up the good progress!

3

fieldset
legend>Account type (required)</legend
label>input type=“radio” name=“account-type” checked/> Personal/label>
label>input type=“radio” name=“account-type” /> Business/label>
/fieldset>

here is how it should be… without the opening tags

4

Hi there and welcome to our community!

If you reset the lesson, this is the code you should see in the editor window:

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

The challenge description is possibly a little misleading but when it says to add ‘a legend element below the second fieldset’, it means to add it immediately below the opening fieldset tag above (i.e. where there is a blank line).

The checked attribute should be added only to the opening tag of the input element directly below that. Note that this attribute does not follow the usual syntax. You simply add the word checked on its own (without quotation marks).

5

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