title: Is using a label without any associated form element acceptable?
body: <p>In my current project we have permanently disabled form controls. In those cases the form element is replaced with a <code>span</code> element on the server-side.</p>
  <p>That creates code like this:</p>
  <pre><code>&lt;label for=&quot;foo&quot;&gt;Foo&lt;/label&gt;
  &lt;span id=&quot;foo&quot;&gt;Bar&lt;/span&gt;
  </code></pre>
  <p><strong>Question 1</strong>: Is having a <code>label</code> element without any associated form element ( <code>input</code>, <code>select</code>, <code>textarea</code>) acceptable?</p>
  <p><strong>Question 2</strong>: If yes, would we have to remove the <code>for</code> attribute in that case (because it references an element that is not a form element)?</p>
  <p>The spec says:</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 form-associated element in the same Document as the label element.</p>
  <p><a href="https://www.w3.org/TR/2011/WD-html5-author-20110705/the-label-element.html" rel="nofollow noreferrer">https://www.w3.org/TR/2011/WD-html5-author-20110705/the-label-element.html</a></p>
  </blockquote>
  <p>Additonal clarification: In the above quote, what exactly is <em>a labelable form-associated element</em>?</p>