Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hello I need help with the build a survey form, I cant get past this I need help, tried to look for similar case in the forum , I got only old lessons no recent one.

  1. Your #number-label should contain text that describes the input.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>
  <h1 id="title">freeCodeCamp Survey Form</h1>

  <p id="description">Thank you for taking the time to help us improve the platform</p>

  <form id="survey-form">
<fieldset>
 Name<input id="name" id="type" id="text" placeholder="Enter Full Name" required>
<label for="name" id="name-label">

Email<input id="email" type="email" placeholder="asdqwezxc@yahoo.com"required>
<label for="email" id="email-label">

Age<input id="number" type="number" min="0" max="10" placeholder="Ex. 24" Age size="20" required>
<label for="number" id="number-label">
</fieldset>

<fieldset>
Which Option best describe your current role?
<select id="dropdown">
<option>Student</option>
<option>Full Time</option>
<option>Other</option></select>

Would you recommend freeCodeCamp to a friend?
<input type="radio" value="radio" name="radio">Yes
<label for="yes">
<input type="radio" value="radio" name="radio">No
<label for="no">
</fieldset> 
What is your favorite feature of freeCodeCamp?
<select id="dropdown">
<option>Challenges</option>
<option>Community</option>
</select>

What would you like to see improved? (Check all that apply)
<input type="checkbox" value="front-end-projects" checked>Front-end projects
<input type="checkbox" value="videos">Videos



<p>Any comments or suggestions?</p>

<textarea></textarea>

<button id="submit">Submit</button>







  <body></body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36 Edg/137.0.0.0

Challenge Information:

Build a Survey Form - Build a Survey Form

2

The issue is that you’re not using label elements correctly (throughout your code).
All label elements should have opening and closing tags and the text of the label element should be between those tags.
The FCC tests are only throwing an error for #number-label, but should really be throwing errors for the others too.

1 Like
3

I tried to apply label opening and closing for the number but it accepted the code, anyways thankyou mr igor

1 Like