Rocket Validator automatically checks your pages on the W3C Validator.
HTML issues tagged as for.
When nesting a
select element inside a
label that has a
for attribute, the
id attribute of the
select is required to match it.
label element represents a caption in a user interface. The caption can be associated with a specific form control, known as the label element’s labeled control, either using the
for attribute, or by putting the form control inside the
label element itself.
When the select is inside the
label, there’s no need to specify a
for attribute as there can only be one
select, as in this example:
<label> Age <select> <option>young</option> <option>old</option> </select> </label>
However, if the
for attribute is specified, then it must match the
id of the
select like this:
<label for="age"> Age <select id="age"> <option>young</option> <option>old</option> </select> </label>
<label> element represents a caption in a document, and it can be associated with a form input using the
for attribute, which must be an ID. Document IDs cannot contain whitespace.
<form> <label for="user_name">Name</label> <input type="text" id="user_name" /> </form>
<label> tags are used to label inputs in form, which need to be present and visible in the document, for example:
<label for="age">Age</label> <input id="age" />
When was the last time you validated your whole site?
Keep your sites healthy checking for A11Y/HTML issues on an automated schedule.