Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Team, I have an issue with is part of the code. I delete the attribute text and its value from the number label, but I still have an error. Please help.
Your code so far

<!-- file: index.html -->
<h1 id="title">Build a Survey Form</h1>
<p id="description" Description="form">
   Please fill out this form
</p>
<form id="survey-form"><input id="name" type="text" required placeholder="text" ><label id="name-label" </label><input id="email" type="email" required placeholder="text"><label id="email-label"</label> <input id="number" type="number" min="1" max="100" placeholder="1-100"><label id="number-label"></label> 
<select id="dropdown" name="dropdown">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>
<input type="radio"id="Netflix"name="brand"
value="Netflix">
<label for="Netflix">Netflix</label>
<input type="radio"id="Audi"name="brand"
value="Audi">
<label for="Audi">Audi</label>
<input type="radio"id="Microsoft"name="brand"
value="Microsoft">
<label for="Microsoft">Microsoft</label>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label>
<textarea name="comment" form="usrform">Enter text here...</textarea>
<input id="submit" type="submit">
<label for="submit"></label>
</form>

/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Hi Brice,

I think there is needed a closing angle bracket (>) after the <label id=“name-label” .

3 
<label id="number-label"></label>

I do not see any text in that label. A label element isn’t all that helpful if it doesn’t have text :slightly_smiling_face:

4

Hi VikCode. Thank you, but the issue is with the number-label.

2 Likes
5

Don’t discount what @VikCode suggested, that is actually a problem with your HTML. It’s just not a problem that will keep you from passing. The only thing you need to fix is the empty label and then you will pass. But that doesn’t mean you don’t have other issues in your HTML that need to be fixed.

If you want a list of the remaining errors then run your HTML through a validator.

W3C HTML Validator

2 Likes
6

I considered what he said and I adjusted my html accordingly.
When you say “empty” label, which one are you referring to?

7

The one I pasted in my comment above.

8

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