Step 29 keeps marking incorrect

Step 29

Adding a dropdown to the form is easy with the select element. The select element is a container for a group of option elements, and the option element acts as a label for each dropdown option. Both elements require closing tags.

Start, by adding a select element below the two label elements. Then, nest 5 option elements within the select element.

I have inserted the code below and am certain from cross referencing that it is correct but it is still saying its wrong, can someone point me in the right direction ?

   **Your code so far**
\ file: <!DOCTYPE html>
<html>
 <head>
   <title>Registration Form</title>
	  <link rel="stylesheet" type="text/css" 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" name="account-type" /> Personal Account</label>
       <label><input type="radio" name="account-type" /> Business Account</label>
       <label>
         <input type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
			  </label>
     </fieldset>
     <fieldset>
       <label>Upload a profile picture: <input type="file" /></label>
       <select> 
         <option></option> 
         <option></option> 
         <option></option> 
         <option></option> 
         <option></option> </select>
       <label>Input your age (years): <input type="number" min="13" max="120" />
			  </label>
       <select> 
         <option></option> 
         <option></option> 
         <option></option> 
         <option></option> 
         <option></option> </select>

     </fieldset>
     <input type="submit" value="Submit" />
   </form>
 </body>
</html>
<!DOCTYPE html>
<html>
 <head>
   <title>Registration Form</title>
	  <link rel="stylesheet" type="text/css" 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" name="account-type" /> Personal Account</label>
       <label><input type="radio" name="account-type" /> Business Account</label>
       <label>
         <input type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
			  </label>
     </fieldset>
     <fieldset>
       <label>Upload a profile picture: <input type="file" /></label>
       <select> 
         <option></option> 
         <option></option> 
         <option></option> 
         <option></option> 
         <option></option> </select>
       <label>Input your age (years): <input type="number" min="13" max="120" />
			  </label>
       <select> 
         <option></option> 
         <option></option> 
         <option></option> 
         <option></option> 
         <option></option> </select>

     </fieldset>
     <input type="submit" value="Submit" />
   </form>
 </body>
</html>
\ file: body {
 width: 100%;
 height: 100vh;
 margin: 0;
 background-color: #1b1b32;
	color: #f5f6f7;
}

label {
	display: block;
	margin: 0.5rem 0;
}

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/101.0.4951.67 Safari/537.36

Challenge: Step 29

Link to the challenge:

1 Like

You seem to be using a <header> at the very top of your page that just has an image in it… not required for the test, but I think the lack of text in that <header> caused the errors.

They wanted the select and option's under both label elements.
You put the select between them instead.

1 Like

Thanks !! I knew it had to be something simple that I was missing !

1 Like

Thanks. This also helped me.

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