Step 22 Users will be allowed to chose either a Personal Account or Business Account. To do this, within each of the first two label elements, add one input

Step 22

Users will be allowed to chose 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".

This is what step 22 is asking me to do to build registration form but In not sure where to add the code <input type="radio>? It asks to put it in the first 2 label elements. However, when I do so it says that You should add one input to each of the first two label elements as a hint because I got it wrong
Your code so far

/* file: index.html */
<!DOCTYPE html>
<html>
 <head>
   <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 action='https://register-demo.freecodecamp.org'>
     <fieldset>
       <label>Enter Your First Name: <input type="text" required /></label>
       <label>Enter Your Last Name: <input type="text" required /></label>
       <label>Enter Your Email: <input type="email" required /></label>
       <label>Create a New Password: <input type="password" pattern="[a-z0-5]{8,}" required /></label>
     </fieldset>
     <fieldset>
       <label><input type="radio"</label>
       <label><input type= "radio"</label>
       <label></label>
     </fieldset>
     <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/103.0.0.0 Safari/537.36

Challenge: Step 22

Link to the challenge:

1 Like

hi @Nompumelelo
compare your input to the other input elements in the code, you’re 99% right you have just forgotten a key piece of any element

Also notice how your these two label closing tags are not the same color text as their opening tags that is a flag saying there is a problem before me

<label><input type="radio"</label>
       <label><input type= "radio"</label>
1 Like

Hi @cw66786
You are correct. My coding was correct just I had to fix the spacing and fix the color of the label closing tags.

Thank you!

1 Like

@Nompumelelo no problem, happy to help where I can. Just to clarify the color would change when you fixed the spacing …think of it like the squiggly lines under misspelled words, if an opening tag is one color and its closing is another the problem is usually between the 2 , very handy for debugging

1 Like

Hi @cw66786

You are definitely right. I had to fix the spacing and the color of the label tags. Got it correct this time.

Thank you

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