<label for="crypto">Email:</label>
<input type="text" id="crypto" name="name">
all I keep on getting is that my “id” and “for” value need to match but they do so whats the fuss???
<label for="crypto">Email:</label>
<input type="text" id="crypto" name="name">
all I keep on getting is that my “id” and “for” value need to match but they do so whats the fuss???
input type=“text” id=“crypto” name=“name”
was originally pre-filled in as
input type=“text” id=“email” name=“email”
you don’t need to change anything on this line you just have to
" Add a for
attribute on the email label
that matches the id
on its input
field."
Big over reaching title for such a focused lesson. It would be improved if the email input were changed from type="text"
to the HTML5 email type="email"
. When you match for
and id
the label doesn’t need to wrap the input and they can be placed farther apart for esthetic reasons with css. Regardless the label is now “linked” to the input and can act like a trigger to to put the cursor in the input. Also you can greatly increase the target area of the label with padding.