Rocket Validator automatically checks your pages on the W3C Validator.
HTML issues tagged as select.
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>
Drop-down lists can be defined in HTML by using the
<select> tag, containing the different
<option> must have a name, which can be either contained between
</option>, or alternatively using the
<select name="size"> <option value="s">small</option> <option value="m" label="medium"></option> </select>
<select> elements that are
required and are not
multiple need a placeholder option that has no
value, for example:
<select required> <option value="">choose size</option> <option value="s">small</option> <option value="l">large</option> </select>
50,000 Accessibility and HTML checks per month. Fully automated.
Let our automated scanner check your large sites using Axe Core and W3C Validator.