[giow] (2) Make :valid and :invalid apply to <form> elements also.

Affected topics: HTML

git-svn-id: http://svn.whatwg.org/webapps@6888 340c8d12-0b0e-0410-8428-c7bf67bfef74

complete.html

@@ -56379,25 +56379,39 @@ <h4 id=pseudo-classes><span class=secno>4.14.2 </span>Pseudo-classes</h4>
    <dd>
 
     <p>The <code title=selector-valid><a href=#selector-valid>:valid</a></code> pseudo-class
-    must match all elements that are <a href=#candidate-for-constraint-validation title="candidate for
-    constraint validation">candidates for constraint validation</a>
-    and that <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
-    constraints</a>.</p>
+    must match any element falling into one of the following
+    categories:</p>
 
-   </dd>
+    <ul><li>elements that are <a href=#candidate-for-constraint-validation title="candidate for constraint
+     validation">candidates for constraint validation</a> and that
+     <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
+     constraints</a></li>
+
+     <li><code><a href=#the-form-element>form</a></code> elements that are not the <a href=#form-owner>form
+     owner</a> of any elements that themselves are <a href=#category-submit title=category-submit>submittable elements</a>, <a href=#candidate-for-constraint-validation title="candidate for constraint validation">candidates for
+     constraint validation</a>, and do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their constraints</a></li>
+
+    </ul></dd>
 
 
    <dt><dfn id=selector-invalid title=selector-invalid><code>:invalid</code></dfn></dt>
 
    <dd>
 
     <p>The <code title=selector-invalid><a href=#selector-invalid>:invalid</a></code> pseudo-class
-    must match all elements that are <a href=#candidate-for-constraint-validation title="candidate for
-    constraint validation">candidates for constraint validation</a>
-    but that do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
-    constraints</a>.</p>
+    must match any element falling into one of the following
+    categories:</p>
 
-   </dd>
+    <ul><li>elements that are <a href=#candidate-for-constraint-validation title="candidate for constraint
+     validation">candidates for constraint validation</a> but that
+     do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
+     constraints</a>
+
+     <li><code><a href=#the-form-element>form</a></code> elements that are the <a href=#form-owner>form
+     owner</a> of one or more elements that themselves are <a href=#category-submit title=category-submit>submittable elements</a>, <a href=#candidate-for-constraint-validation title="candidate for constraint validation">candidates for
+     constraint validation</a>, and do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their constraints</a></li>
+
+    </ul></dd>
 
 
    <dt><dfn id=selector-in-range title=selector-in-range><code>:in-range</code></dfn></dt>

index

@@ -56379,25 +56379,39 @@ contradict people?
    <dd>
 
     <p>The <code title=selector-valid><a href=#selector-valid>:valid</a></code> pseudo-class
-    must match all elements that are <a href=#candidate-for-constraint-validation title="candidate for
-    constraint validation">candidates for constraint validation</a>
-    and that <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
-    constraints</a>.</p>
+    must match any element falling into one of the following
+    categories:</p>
 
-   </dd>
+    <ul><li>elements that are <a href=#candidate-for-constraint-validation title="candidate for constraint
+     validation">candidates for constraint validation</a> and that
+     <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
+     constraints</a></li>
+
+     <li><code><a href=#the-form-element>form</a></code> elements that are not the <a href=#form-owner>form
+     owner</a> of any elements that themselves are <a href=#category-submit title=category-submit>submittable elements</a>, <a href=#candidate-for-constraint-validation title="candidate for constraint validation">candidates for
+     constraint validation</a>, and do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their constraints</a></li>
+
+    </ul></dd>
 
 
    <dt><dfn id=selector-invalid title=selector-invalid><code>:invalid</code></dfn></dt>
 
    <dd>
 
     <p>The <code title=selector-invalid><a href=#selector-invalid>:invalid</a></code> pseudo-class
-    must match all elements that are <a href=#candidate-for-constraint-validation title="candidate for
-    constraint validation">candidates for constraint validation</a>
-    but that do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
-    constraints</a>.</p>
+    must match any element falling into one of the following
+    categories:</p>
 
-   </dd>
+    <ul><li>elements that are <a href=#candidate-for-constraint-validation title="candidate for constraint
+     validation">candidates for constraint validation</a> but that
+     do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
+     constraints</a>
+
+     <li><code><a href=#the-form-element>form</a></code> elements that are the <a href=#form-owner>form
+     owner</a> of one or more elements that themselves are <a href=#category-submit title=category-submit>submittable elements</a>, <a href=#candidate-for-constraint-validation title="candidate for constraint validation">candidates for
+     constraint validation</a>, and do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their constraints</a></li>
+
+    </ul></dd>
 
 
    <dt><dfn id=selector-in-range title=selector-in-range><code>:in-range</code></dfn></dt>

source

@@ -65787,10 +65787,24 @@ contradict people?
    <dd>
 
     <p>The <code title="selector-valid">:valid</code> pseudo-class
-    must match all elements that are <span title="candidate for
-    constraint validation">candidates for constraint validation</span>
-    and that <span title="concept-fv-valid">satisfy their
-    constraints</span>.</p>
+    must match any element falling into one of the following
+    categories:</p>
+
+    <ul>
+
+     <li>elements that are <span title="candidate for constraint
+     validation">candidates for constraint validation</span> and that
+     <span title="concept-fv-valid">satisfy their
+     constraints</span></li>
+
+     <li><code>form</code> elements that are not the <span>form
+     owner</span> of any elements that themselves are <span
+     title="category-submit">submittable elements</span>, <span
+     title="candidate for constraint validation">candidates for
+     constraint validation</span>, and do not <span
+     title="concept-fv-valid">satisfy their constraints</span></li>
+
+    </ul>
 
    </dd>
 
@@ -65800,10 +65814,24 @@ contradict people?
    <dd>
 
     <p>The <code title="selector-invalid">:invalid</code> pseudo-class
-    must match all elements that are <span title="candidate for
-    constraint validation">candidates for constraint validation</span>
-    but that do not <span title="concept-fv-valid">satisfy their
-    constraints</span>.</p>
+    must match any element falling into one of the following
+    categories:</p>
+
+    <ul>
+
+     <li>elements that are <span title="candidate for constraint
+     validation">candidates for constraint validation</span> but that
+     do not <span title="concept-fv-valid">satisfy their
+     constraints</span></p>
+
+     <li><code>form</code> elements that are the <span>form
+     owner</span> of one or more elements that themselves are <span
+     title="category-submit">submittable elements</span>, <span
+     title="candidate for constraint validation">candidates for
+     constraint validation</span>, and do not <span
+     title="concept-fv-valid">satisfy their constraints</span></li>
+
+    </ul>
 
    </dd>