I have problem with #10 user story : 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"
when run the test, it say that those IDs not defined. But if i change my IDs below another problem will happen. Please help me!!!
How to have 2 ids in same element??
*Full name:
*Email:
*Age:
User Agent is: Chrome/70.0.3538.102 .
Here my pen: https://codepen.io/KhairulHaziq/pen/aQJKvZ
Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-survey-form
i mean where to put id=“name-label” as well as id=“name”??Both can’t be inside input tag together.
Hi there @KhairulHaziq.
User story #10 is asking you to apply each of those id’s to the <label> element, as oppose to the <input> element.
Example
<label id="name-label">
Label text
<input id="name">
</label>
Make sure the id’s are on the correct elements listed in the user stories, like the example above. This should take care of the issue you are having.
Feel free to @me if you are still stuck!
2 Likes
It’s solved. Thank you. I’m confuse with the instruction.
Good @KhairulHaziq. But just look at the bottom of your survey form, there should be a space between the textarea and the submit button.
Thanks…i will add some space in between…thanks for the advice!
Yeah, I think it is the absolute position on that textbox that is doing that.
damn, this is so confusing for me too
Hello, @KhairulHaziq 's example shows how to get the test passed, but I still don’t understand the need to create a second id for each of these input fields. Couldn’t it work as below?
< label for=“name”>Enter your name
<input id=“name” type"text" required placeholder=“Enter your name”>Name
< /label>
Many thanks