Learn HTML Forms by Building a Registration Form - Step 25

Users will be allowed to choose either a Personal Account or Business Account.

To do this, within each of the first two label elements, add one input element with type="radio".
//i did what i can do now i give up help me guys //



**Your code so far**


```html
<!-- 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>Personal Account</label><input name="Personal Account-Business Account" type="radio">
        <label>Business Account</label><input name="Business Account-Personal Account" type="radio">
        <label></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;
}

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

Link to the challenge:

[/quote]

**



```html
<!-- 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>Personal Account</label><input name="Personal Account-Business Account" type="radio">
        <label>Business Account</label><input name="Business Account-Personal Account" type="radio">
        <label></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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like

Its sometimes beneficial to take a break occasionally.
But don’t give up.

Learning is hard at the start, it will be a while before you start to see the benefits.
If you find yourself becoming stressed doing something else for 30 mins can give your brain time to absorb and sort through the information.

Even though you are doing something else, your brain will continue working on the problem.
This is why many people will think of a solution while in the shower or as they are trying to fall asleep.

Some of the steps are very specific in what they are asking you to do.
this step is one of those.
Try restarting the step, and doing only what it asks.

  • add an input element inside the first two label elements
    (just the first two, not all of them)
  • give the new input elements the attribute of type="radio"
    (do not add any other attributes to the elements)

Learning to pick out what is important in the instructions given will help you later when working on bigger projects that require a minimum viable product for a prototype :slight_smile:

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