Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Not according to the spec:</p> <blockquote> <p>Some elements, not all of them form-associated, are categorized as labelable elements. These are elements that can be associated with a label element.</p> <p>"button" "input" (if the type attribute is not in the hidden state) "keygen" "meter" "output" "progress" "select" "textarea"</p> </blockquote> <p><a href="http://www.w3.org/TR/html5/forms.html#category-label" rel="noreferrer">http://www.w3.org/TR/html5/forms.html#category-label</a></p> <p>See also:</p> <blockquote> <p>The for attribute may be specified to indicate a form control with which the caption is to be associated. If the attribute is specified, the attribute's value must be the ID of a labelable element in the same Document as the label element. If the attribute is specified and there is an element in the Document whose ID is equal to the value of the for attribute, and the first such element is a labelable element, then that element is the label element's labeled control.</p> </blockquote> <p><a href="http://www.w3.org/TR/html5/the-label-element.html#attr-label-for" rel="noreferrer">http://www.w3.org/TR/html5/the-label-element.html#attr-label-for</a></p> <p>I do think the question presents a valid use case. I'm not sure what the recommended pattern is for such a scenario, though ARIA attributes might help to make the markup more accessible:</p> <p><a href="https://developer.mozilla.org/en/Accessibility/ARIA/forms/Basic_form_hints" rel="noreferrer">https://developer.mozilla.org/en/Accessibility/ARIA/forms/Basic_form_hints</a> <a href="https://developer.mozilla.org/Special:Tags?tag=ARIA" rel="noreferrer">https://developer.mozilla.org/Special:Tags?tag=ARIA</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload