Learn HTML Forms by Building a Registration Form - Step 28

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

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

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

Link to the challenge:

2

Help in the legend element please…

3

Hello @rm4nik !
The legend element goes below the opening fieldset element tag. Both legend opening and closing should be below the fieldset and above the other code. Text goes between the tags.

4

Checked is an attribute but not like other attributes its a unary attribute, that means it has no value.

You need to add the checked attribute to this personal label.

Check the link below to learn more about the checked attribute and unary attributes.

HTML unary attributes: How to identify attribute without a value? - Ranorex Forum.

5

To further assist @rm4nik!

Here is a quote of some of the instructions:

"adding legend element below the second fieldset
 with text Account type (required), 
then add checked attribute to the Personal input "

This is telling us to add the legend below the fieldset where the blank line is, and to place the text Account type (required) between the legend opening and closing tags.
Then, we are to add the attribute checked to the end of the input tag for the Personal .

I hope this is more clear and you are able to move on in your coding journey, @ rm4nik

6

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