Rocket Validator integrates the W3C Validator HTML checker into an automated web crawler.
multiple attribute is used to indicate that multiple options can be selected in a
<select> element. As a boolean attribute, it should only be declared without any value.
You should use:
Here is an example of the correct usage of the
<label for="colors">Select your favorite colors:</label> <select id="colors" name="colors" multiple> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> <option value="yellow">Yellow</option> </select>
Related W3C validator issues
When nesting a select element inside a label that has a for attribute, the id attribute of the select is required to match it.
The 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>
All HTML elements may have the hidden boolean attribute set. When specified on an element, it indicates that the element is not yet, or is no longer, relevant, so browsers won’t render it.
Boolean attributes don’t accept values, its presence represents the true value and its absence represents the false value.
<!-- This is invalid because the hidden attribute should not have a value set --> <div hidden="false"></div> <!-- The correct way to hide a div is like this --> <div hidden>This will be hidden</div> <!-- And to show the element, we just don't hide it --> <div>This won't be hidden</div>
The allowfullscreen attribute is used to allow an iframe to activate fullscreen mode. As a boolean attribute, it should only be declared without any value.
Here is an example of correct usage:
<iframe src="https://example.com" allowfullscreen></iframe>
However, this is now a legacy attribute, and has been redefined as allow="fullscreen", as part of the more general Permissions Policy:
<iframe src="https://example.com" allow="fullscreen"></iframe>
The selected attribute on option elements is boolean, so it should not have any value associated.
To fix this issue, simply remove the value assigned to the selected attribute.
Instead of this:
<select> <option selected="true">Option 1</option> <option>Option 2</option> <option>Option 3</option> </select>
<select> <option selected>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select>
In the example above, we’ve removed the value assigned to the selected attribute on the first option element. This will specify that “Option 1” is the default option to be selected in the dropdown list.
Drop-down lists can be defined in HTML by using the <select> tag, containing the different <option>s. Each <option> must have a name, which can be either contained between <option> and </option>, or alternatively using the label attribute.
<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>
25,000 HTML checks per month. Fully automated.
Save time using our automated web checker. Let our crawler check your web pages on the W3C Validator.