Another type of HTML validation error (FCC Survey Form Project)

HTML-CSS
1

Hi all,

Would love some help! :slight_smile:

I’ve got a problem with HTML validation. Similar to this. I believe I’ve done it somewhat correctly. I’ve typed required, placeholder="", and I believe I also have the id="" correct. But it still doesn’t work? Thanks to anyone replying, and sorry if it’s super messy :frowning:

Another (off-topic) question: I looked through my errors and one of them said “10. 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”.”.

So I went ahead and changed the id="" for the number input field to id="number-label", but then all of a sudden my other already correct checks were undone because of that?

(By the way, I thought it was okay to personalise your project. If it’s not, I’ll redo the project.)

Link to my code: https://codepen.io/YinChuRijnaard/pen/qBPOzme?editors=1000

2

Read the error message carefully.

  1. Look at the id value it is asking for on the input elements, it is not for the label elements.

  2. Your number input has a space in the type attribute value.

  3. Name the label elements ids correctly.

  4. You do not have any input elements with the type set to checkbox.

3

Thank you for your reply and for your tips. I’ll try to be more careful!

4

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