Label's id problem building a survey form

HTML-CSS
1

Hello, I’m trying to do the " Build a Survey Form", I almost passed the test, but I keep getting " For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id=“name-label”, id=“email-label”, and id=“number-label”. "

I checked, and double checked, and I’m not being able to see what was my mistake.
Could someone please check the code, and help me a bit?
Thank you very much in advance!

2

The error says:

  1. For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id=“name-label”, id=“email-label”, and id=“number-label”.
    #name-label should contain some text : expected 0 to be above 0

My follow up question is, why do you have your (for lack of a better way of putting it lol) text labels, in a p tag? could you… maybe combine some stuff to make it pass the test?

3

Hello @SSpica,

Same wondering that @xoxoKaralee. You have no text for the <label> tags but you put <p> tags before them. You don’t need to use the <p> tags because you already have the <label> tags. To give you a little hint, know that the syntax of the IDs is good, the issue is related with the text.

Example of <label> usage:

<label for="test1">Test1</label>
<input type="text" id="test1" ... />

<!-- OR -->

<label for="test2">
  <input type="text"  id="test2" ... />Test 2
</label>

Out of the project user story, these are the good ways to use those tags. Hope we arrived to help you. :wink:

4

@xoxoKaralee @LucLH thank you both for the help! Not it’s fixed and I can continue, thank you!!

5

Glad you figured out the issue. Good luck for the next challenges!

6

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