Need Help on Survey Form

Hello everyone,

I just recenlty started learning how to code and had a question about one of the basic html projects.
I am only able to get 16/17 on the project and when I check to see what was not completed it showed me this message.

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”.

Here is my pen project,
https://codepen.io/conner1213/pen/OJWRBRo?editors=1000

I have all of the correct labels in the correct places.
What I believe to be the issue is line 43.
It seems to be some sort of “dead” line because the “id” and “for” values are the same color as the
I have tried for a while to get the line to match the correct colors with no success.

Any help would be much appreciated.
Thank you for your time.

first of all, input your html on https://validator.w3.org/, ignore the first two errors.

i dont know what you are trying to achieve at line 43 but that is not how to type it

remove those angle bracket around age, age and span and see the changes.

The line itself used to work fine until recently without me changing anything.
If I remove the angle brackets around age and span, then “Age” is removed from the label next to the number input.
Do you know why the line is all the same color before <span class… on line 43?
Similar code was used for the other labels that worked as planned.
Once again, your help is much appreciated.

when a line has a weird color I would look just above it to see if there is anything missing or out of place - if you fix that I am sure it returns colored normally

Thanks for the help, it was just a simple angle bracket I was missing in the <div> above.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

I will make sure to keep that in mind for next time, thanks for the help.