Okay, I’ve gotten 11/12 twice in a row with the same miss, so any assistance would be much appreciated.
This is what I’ve been marked off for both times,
*** has exactly one input with a name of ‘pet_name’ and an associated label with the content ‘Name’**
this is the relavent code for
What am I missing here?
I’m fairly certain when I find out, a good smack to the noggin will be called for.
It’s possible you might be getting some things mixed up. I’d recommend giving your attributes a second look and comparing them to your other correct inputs. Good luck!
Just to make sure I understand the instructions, I need 1 “input”
<input type=“text”
with a name of “pet_name”
<input type=“text” name=“pet_name”
with an “associated label”
label for=“pet_name”></label
with the content ‘Name’
label for=“pet_name”>Name</label
and then I put ‘id’ (unspecified variable) in there so that I can manipulate/target it from the css sheet
<input type=“text” id="****" name=“pet_name”
Do I have any of that wrong? The wording just seems a bit subjective or easily confused, so I’m trying to make sure I understand what it is that’s being asked of me.
I want to emphasize that I’m also learning this as I go through the course
Ok so, without fully giving away what the answer should be, consider the previous HTML and CSS readings under: ‘Building Forms in HTML’
We see that each ‘for’ attribute is always associated with ‘id’ attributes. Although I’m not sure if that was always the case in previous versions of HTML. (perhaps you have previous experience with that, probably why you did it that way?)
I couldn’t find an exact answer on Mozilla’s HTML documentation, but I found a sort of explanation as to why ‘for’ attributes usually reference ‘id’ attributes:
So I believe it’s WC3 standard that requires the for & id to match up. I actually found an HTML Validator online, which I believe you can also get one for VS with a linter extension (I believe). When I checked it against the validator it showed the non-matching labels as errors (as well as a typo that I totally missed otherwise). Either way, I ended up passing, but I appreciate your assistance. It did help.
PS
Here’s the validator that can double check things for anyone else that’s having minor syntax issues
Glad to hear you were able to work together to figure out the issue. The validators can be super helpful for catching those easy-to-miss bugs. There are also CSS validators that you might find useful in the future too!
Jesse