Learn HTML Forms by Building a Registration Form - Step 30

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hi, I’m stuck at this point.
I’m trying to nest the select element within the label element with the text How did you hear about us?, but it doesn’t work. I don’t know what’s 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" 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>
       <label>Input your age (years): <input type="number" min="13" max="120" />
			  </label>
       <label>How did you hear about us?</label>
         <select>
         <option></option>
         <option></option>
         <option></option>
         <option></option>
         <option></option>
         </select>
     </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 (X11; CrOS aarch64 14816.131.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

When you nest an element inside of another element that means you put it in between the elements opening and closing tags. You have put the label completely before the select element instead of nesting the select inside of the label. So you might need to adjust one of the label tags so that the select is nested inside of it.

3

Thanks. It’s ok now.

4

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