[html5] r2195 - [] (0) WF2: <input> type sections (placeholders)

whatwg at whatwg.org whatwg at whatwg.org
Tue Sep 16 14:16:06 PDT 2008


Author: ianh
Date: 2008-09-16 14:16:05 -0700 (Tue, 16 Sep 2008)
New Revision: 2195

Modified:
   index
   source
Log:
[] (0) WF2: <input> type sections (placeholders)

Modified: index
===================================================================
--- index	2008-09-16 21:00:47 UTC (rev 2194)
+++ index	2008-09-16 21:16:05 UTC (rev 2195)
@@ -1035,7 +1035,68 @@
 
        <li><a href="#the-input"><span class=secno>4.9.4 </span>The
         <code>input</code> element</a>
+        <ul class=toc>
+         <li><a href="#text-state"><span class=secno>4.9.4.1. </span>Text
+          State</a>
 
+         <li><a href="#password"><span class=secno>4.9.4.2. </span>Password
+          State</a>
+
+         <li><a href="#image"><span class=secno>4.9.4.3. </span>Image Button
+          State</a>
+
+         <li><a href="#date-and"><span class=secno>4.9.4.4. </span>Date and
+          Time State</a>
+
+         <li><a href="#local"><span class=secno>4.9.4.5. </span>Local Date
+          and Time State</a>
+
+         <li><a href="#date-state"><span class=secno>4.9.4.6. </span>Date
+          State</a>
+
+         <li><a href="#month"><span class=secno>4.9.4.7. </span>Month
+          State</a>
+
+         <li><a href="#week-state"><span class=secno>4.9.4.8. </span>Week
+          State</a>
+
+         <li><a href="#time-state"><span class=secno>4.9.4.9. </span>Time
+          State</a>
+
+         <li><a href="#number"><span class=secno>4.9.4.10. </span>Number
+          State</a>
+
+         <li><a href="#range"><span class=secno>4.9.4.11. </span>Range
+          State</a>
+
+         <li><a href="#e-mail"><span class=secno>4.9.4.12. </span>E-mail
+          State</a>
+
+         <li><a href="#url-state"><span class=secno>4.9.4.13. </span>URL
+          State</a>
+
+         <li><a href="#checkbox"><span class=secno>4.9.4.14. </span>Checkbox
+          State</a>
+
+         <li><a href="#radio"><span class=secno>4.9.4.15. </span>Radio Button
+          State</a>
+
+         <li><a href="#file-state"><span class=secno>4.9.4.16. </span>File
+          State</a>
+
+         <li><a href="#hidden"><span class=secno>4.9.4.17. </span>Hidden
+          State</a>
+
+         <li><a href="#submit"><span class=secno>4.9.4.18. </span>Submit
+          Button State</a>
+
+         <li><a href="#reset"><span class=secno>4.9.4.19. </span>Reset Button
+          State</a>
+
+         <li><a href="#button"><span class=secno>4.9.4.20. </span>Button
+          State</a>
+        </ul>
+
        <li><a href="#the-button"><span class=secno>4.9.5 </span>The
         <code>button</code> element</a>
 
@@ -3903,8 +3964,8 @@
 
   <h4 id=dates><span class=secno>2.4.4 </span>Dates and times</h4>
 
-  <p>In the algorithms below, the <dfn id=number>number of days in month <var
-   title="">month</var> of year <var title="">year</var></dfn> is:
+  <p>In the algorithms below, the <dfn id=number0>number of days in month
+   <var title="">month</var> of year <var title="">year</var></dfn> is:
    <em>31</em> if <var title="">month</var> is 1, 3, 5, 7, 8, 10, or 12;
    <em>30</em> if <var title="">month</var> is 4, 6, 9, or 11; <em>29</em> if
    <var title="">month</var> is 2 and <var title="">year</var> is a number
@@ -4035,8 +4096,9 @@
     1 ≤ <var title="">month</var> ≤ 12, then fail.
 
    <li>
-    <p>Let <var title="">maxday</var> be the <a href="#number">number of days
-     in month <var title="">month</var> of year <var title="">year</var></a>.
+    <p>Let <var title="">maxday</var> be the <a href="#number0">number of
+     days in month <var title="">month</var> of year <var
+     title="">year</var></a>.
 
    <li>
     <p>If <var title="">position</var> is beyond the end of <var
@@ -4332,7 +4394,7 @@
       string is invalid, abort these steps.
 
      <li>
-      <p>Let <var title="">maxday</var> be the <a href="#number">number of
+      <p>Let <var title="">maxday</var> be the <a href="#number0">number of
        days in month <var title="">month</var> of year <var
        title="">year</var></a>.
 
@@ -7562,7 +7624,7 @@
    title="">name</var>, and must return a live <code>NodeList</code>
    containing all the <code><a href="#a">a</a></code>, <code><a
    href="#applet">applet</a></code>, <code><a
-   href="#button0">button</a></code>, <code><a href="#form">form</a></code>,
+   href="#button2">button</a></code>, <code><a href="#form">form</a></code>,
    <!-- frame? frameset?
   XXX--><code><a href="#iframe">iframe</a></code>,
    <code><a href="#img">img</a></code>, <code><a
@@ -7770,7 +7832,7 @@
   readonly attribute <a href="#domstringmap0">DOMStringMap</a> <a href="#dataset" title=dom-dataset>dataset</a>;
 
   // <a href="#user-interaction">user interaction</a>
-           attribute boolean <a href="#hidden3" title=dom-hidden>hidden</a>;
+           attribute boolean <a href="#hidden5" title=dom-hidden>hidden</a>;
   void <a href="#click1" title=dom-click>click</a>();
   void <a href="#scrollintoview" title=dom-scrollIntoView>scrollIntoView</a>();
   void <a href="#scrollintoview" title=dom-scrollIntoView>scrollIntoView</a>(in boolean top);
@@ -7859,7 +7921,7 @@
 
    <dd><code title=attr-id><a href="#id">id</a></code>
 
-   <dd><code title=attr-hidden><a href="#hidden2">hidden</a></code>
+   <dd><code title=attr-hidden><a href="#hidden4">hidden</a></code>
 
    <dd><code title=attr-lang><a href="#lang">lang</a></code>
 
@@ -8625,10 +8687,10 @@
 
   <p>Certain elements in HTML can be activated, for instance <code><a
    href="#a">a</a></code> elements, <code><a
-   href="#button0">button</a></code> elements, or <code><a
+   href="#button2">button</a></code> elements, or <code><a
    href="#input0">input</a></code> elements when their <code
    title=attr-input-type><a href="#type12">type</a></code> attribute is in
-   the <span title=attr-input-type-radio>Radio Button</span> state.
+   the <a href="#radio1" title=attr-input-type-radio>Radio Button</a> state.
    Activation of those elements can happen in various (UA-defined) ways, for
    instance via the mouse or keyboard.
 
@@ -16042,9 +16104,9 @@
 
    <dd>
     <pre
-     class=idl>[NamedConstructor=<a href="#image" title=dom-image>Image</a>(),
- NamedConstructor=<a href="#image0" title=dom-image-w>Image</a>(in unsigned long width),
- NamedConstructor=<a href="#image1" title=dom-image-wh>Image</a>(in unsigned long width, in unsigned long height)]
+     class=idl>[NamedConstructor=<a href="#image0" title=dom-image>Image</a>(),
+ NamedConstructor=<a href="#image1" title=dom-image-w>Image</a>(in unsigned long width),
+ NamedConstructor=<a href="#image2" title=dom-image-wh>Image</a>(in unsigned long width, in unsigned long height)]
 interface <dfn id=htmlimageelement>HTMLImageElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
            attribute DOMString <a href="#alt1" title=dom-img-alt>alt</a>;
            attribute DOMString <a href="#src0" title=dom-img-src>src</a>;
@@ -16297,7 +16359,7 @@
 
   <p>The <code title=attr-hyperlink-usemap><a
    href="#usemap1">usemap</a></code> attribute, if present, can indicate that
-   the image has an associated <a href="#image2">image map</a>.
+   the image has an associated <a href="#image3">image map</a>.
 
   <p>The <dfn id=ismap title=attr-img-ismap><code>ismap</code></dfn>
    attribute, when used on an element that is a descendant of an <code><a
@@ -16351,10 +16413,10 @@
   <p>Three constructors are provided for creating <code><a
    href="#htmlimageelement">HTMLImageElement</a></code> objects (in addition
    to the factory methods from DOM Core such as <code
-   title="">createElement()</code>): <dfn id=image
-   title=dom-image><code>Image()</code></dfn>, <dfn id=image0
+   title="">createElement()</code>): <dfn id=image0
+   title=dom-image><code>Image()</code></dfn>, <dfn id=image1
    title=dom-image-w><code>Image(<var title="">width</var>)</code></dfn>, and
-   <dfn id=image1 title=dom-image-wh><code>Image(<var title="">width</var>,
+   <dfn id=image2 title=dom-image-wh><code>Image(<var title="">width</var>,
    <var title="">height</var>)</code></dfn>. When invoked as constructors,
    these must return a new <code><a
    href="#htmlimageelement">HTMLImageElement</a></code> object (a new
@@ -16480,7 +16542,7 @@
 
   <p>When an <a href="#a">a</a> element that is a <a
    href="#hyperlinks">hyperlink</a>, or a <code><a
-   href="#button0">button</a></code> element, has no textual content but
+   href="#button2">button</a></code> element, has no textual content but
    contains one or more images, the <code title=attr-img-alt><a
    href="#alt0">alt</a></code> attributes must contain text that together
    convey the purpose of the link or button.
@@ -16881,7 +16943,7 @@
   <h6 id=a-group0><span class=secno>4.7.2.1.8. </span>A group of images that
    form a single larger picture with links</h6>
 
-  <p>Generally, <a href="#image2" title="image map">image maps</a> should be
+  <p>Generally, <a href="#image3" title="image map">image maps</a> should be
    used instead of slicing an image for links.
 
   <p>However, if an image is indeed sliced and any of the components of the
@@ -18195,7 +18257,7 @@
   <p>The <code title=attr-hyperlink-usemap><a
    href="#usemap1">usemap</a></code> attribute, if present while the <code><a
    href="#object">object</a></code> element represents an image, can indicate
-   that the object has an associated <a href="#image2">image map</a>. The
+   that the object has an associated <a href="#image3">image map</a>. The
    attribute must be ignored if the <code><a href="#object">object</a></code>
    element doesn't represent an image.
 
@@ -23992,7 +24054,7 @@
 
   <p>The <code><a href="#map">map</a></code> element, in conjunction with any
    <code><a href="#area">area</a></code> element descendants, defines an <a
-   href="#image2">image map</a>.
+   href="#image3">image map</a>.
 
   <p>The <dfn id=name7 title=attr-map-name><code>name</code></dfn> attribute
    gives the map a name so that it can be referenced. The attribute must be
@@ -24011,7 +24073,7 @@
    <code>Document</code> node, whose filter matches only <code><a
    href="#img">img</a></code> and <code><a href="#object">object</a></code>
    elements that are associated with this <code><a href="#map">map</a></code>
-   element according to the <a href="#image2">image map</a> processing model.
+   element according to the <a href="#image3">image map</a> processing model.
 
   <p>The DOM attribute <dfn id=name8
    title=dom-map-name><code>name</code></dfn> must <a
@@ -24078,7 +24140,7 @@
 
   <p>The <code><a href="#area">area</a></code> element represents either a
    hyperlink with some text and a corresponding area on an <a
-   href="#image2">image map</a>, or a dead area on an image map.
+   href="#image3">image map</a>, or a dead area on an image map.
 
   <p>If the <code><a href="#area">area</a></code> element has an <code
    title=attr-hyperlink-href><a href="#href6">href</a></code> attribute, then
@@ -24087,13 +24149,13 @@
    title=attr-area-alt><code>alt</code></dfn> attribute must be present. It
    specifies the text of the hyperlink. Its value must be text that, when
    presented with the texts specified for the other hyperlinks of the <a
-   href="#image2">image map</a>, and with the alternative text of the image,
+   href="#image3">image map</a>, and with the alternative text of the image,
    but without the image itself, provides the user with the same kind of
    choice as the hyperlink would when used without its text but with its
    shape applied to the image. The <code title=attr-area-alt><a
    href="#alt2">alt</a></code> attribute may be left blank if there is
    another <code><a href="#area">area</a></code> element in the same <a
-   href="#image2">image map</a> that points to the same resource and has a
+   href="#image3">image map</a> that points to the same resource and has a
    non-blank <code title=attr-area-alt><a href="#alt2">alt</a></code>
    attribute.
 
@@ -24186,7 +24248,7 @@
    integers</a>. This attribute gives the coordinates for the shape described
    by the <code title=attr-area-shape><a href="#shape">shape</a></code>
    attribute. The processing for this attribute is described as part of the
-   <a href="#image2">image map</a> processing model.
+   <a href="#image3">image map</a> processing model.
 
   <p>In the <dfn id=circle0 title=attr-area-shape-circle>circle state</dfn>,
    <code><a href="#area">area</a></code> elements must have a <code
@@ -24304,7 +24366,7 @@
 
   <h5 id=authoring><span class=secno>4.7.14.1. </span>Authoring</h5>
 
-  <p>An <dfn id=image2>image map</dfn> allows geometric areas on an image to
+  <p>An <dfn id=image3>image map</dfn> allows geometric areas on an image to
    be associated with <a href="#hyperlinks" title=hyperlink>hyperlinks</a>.
 
   <p>An image, in the form of an <code><a href="#img">img</a></code> element
@@ -26573,7 +26635,7 @@
    <dt><dfn id=resettable title=category-reset>Resettable elements</dfn>
 
    <dd>Denotes elements that can be affected when a <code><a
-    href="#form">form</a></code> element is <a href="#reset2"
+    href="#form">form</a></code> element is <a href="#reset4"
     title=concept-form-reset>reset</a>.
 
    <dt><dfn id=listed title=category-listed>Listed</dfn>
@@ -26644,8 +26706,8 @@
   [IndexGetter] <a href="#htmlelement">HTMLElement</a> <a href="#xxx7" title=dom-form-XXX7>XXX7</a>(in unsigned long index);
   [NameGetter] Object <a href="#xxx8" title=dom-form-XXX8>XXX8</a>(in DOMString name);
 
-  void <a href="#submit" title=dom-form-submit>submit</a>();
-  void <a href="#reset" title=dom-form-reset>reset</a>();
+  void <a href="#submit0" title=dom-form-submit>submit</a>();
+  void <a href="#reset0" title=dom-form-reset>reset</a>();
   boolean <a href="#checkvalidity" title=dom-form-checkValidity>checkValidity</a>();
 
   void <a href="#dispatchforminput" title=dom-form-dispatchFormInput>dispatchFormInput</a>();
@@ -26721,14 +26783,14 @@
    title=dom-form-elements><a href="#elements3">elements</a></code>
    collection if it was invoked with the same arguments.
 
-  <p>The <dfn id=submit title=dom-form-submit><code>submit()</code></dfn>
+  <p>The <dfn id=submit0 title=dom-form-submit><code>submit()</code></dfn>
    method, when invoked, must <a href="#submitted"
    title=concept-form-submit>submit</a> the <code><a
    href="#form">form</a></code> element from the <code><a
    href="#form">form</a></code> element itself.
 
-  <p>The <dfn id=reset title=dom-form-reset><code>reset()</code></dfn>
-   method, when invoked, must <a href="#reset2"
+  <p>The <dfn id=reset0 title=dom-form-reset><code>reset()</code></dfn>
+   method, when invoked, must <a href="#reset4"
    title=concept-form-reset>reset</a> the <code><a
    href="#form">form</a></code> element.
 
@@ -27105,27 +27167,27 @@
      <td> <dfn id=text1
       title=attr-input-type-text-keyword><code>text</code></dfn>
 
-     <td> <span title=attr-input-type-text>Text</span>
+     <td> <a href="#text2" title=attr-input-type-text>Text</a>
 
      <td> Text with no line breaks
 
      <td> Text field
 
     <tr>
-     <td> <dfn id=password
+     <td> <dfn id=password0
       title=attr-input-type-password-keyword><code>password</code></dfn>
 
-     <td> <span title=attr-input-type-password>Password</span>
+     <td> <a href="#password1" title=attr-input-type-password>Password</a>
 
      <td> Text with no line breaks (sensitive information)
 
      <td> Text field that obscures data entry
 
     <tr>
-     <td> <dfn id=image3
+     <td> <dfn id=image4
       title=attr-input-type-image-keyword><code>image</code></dfn>
 
-     <td> <span title=attr-input-type-image>Image Button</span>
+     <td> <a href="#image5" title=attr-input-type-image>Image Button</a>
 
      <td> A coordinate, relative to a particular image's size, with the extra
       semantic that it must be the last value selected and initiates form
@@ -27137,7 +27199,8 @@
      <td> <dfn id=datetime3
       title=attr-input-type-datetime-keyword><code>datetime</code></dfn>
 
-     <td> <span title=attr-input-type-datetime>Date and Time</span>
+     <td> <a href="#date-and0" title=attr-input-type-datetime>Date and
+      Time</a>
 
      <td> A date and time (year, month, day, hour, minute, second, fraction
       of a second) with the time zone set to UTC
@@ -27149,8 +27212,8 @@
       title=attr-input-type-datetime-local-keyword><code>datetime-local</code></dfn>
       
 
-     <td> <span title=attr-input-type-datetime-local>Local Date and
-      Time</span>
+     <td> <a href="#local0" title=attr-input-type-datetime-local>Local Date
+      and Time</a>
 
      <td> A date and time (year, month, day, hour, minute, second, fraction
       of a second) with no time zone
@@ -27161,17 +27224,17 @@
      <td> <dfn id=date1
       title=attr-input-type-date-keyword><code>date</code></dfn>
 
-     <td> <span title=attr-input-type-date>Date</span>
+     <td> <a href="#date2" title=attr-input-type-date>Date</a>
 
      <td> A date (year, month, day) with no time zone
 
      <td> A date control
 
     <tr>
-     <td> <dfn id=month
+     <td> <dfn id=month0
       title=attr-input-type-month-keyword><code>month</code></dfn>
 
-     <td> <span title=attr-input-type-month>Month</span>
+     <td> <a href="#month1" title=attr-input-type-month>Month</a>
 
      <td> A date consisting of a year and a month with no time zone
 
@@ -27181,7 +27244,7 @@
      <td> <dfn id=week
       title=attr-input-type-week-keyword><code>week</code></dfn>
 
-     <td> <span title=attr-input-type-week>Week</span>
+     <td> <a href="#week0" title=attr-input-type-week>Week</a>
 
      <td> A date consisting of a year and a week number with no time zone
 
@@ -27191,7 +27254,7 @@
      <td> <dfn id=time2
       title=attr-input-type-time-keyword><code>time</code></dfn>
 
-     <td> <span title=attr-input-type-time>Time</span>
+     <td> <a href="#time3" title=attr-input-type-time>Time</a>
 
      <td> A time (hour, minute, seconds, fractional seconds) with no time
       zone
@@ -27199,20 +27262,20 @@
      <td> A time control
 
     <tr>
-     <td> <dfn id=number0
+     <td> <dfn id=number1
       title=attr-input-type-number-keyword><code>number</code></dfn>
 
-     <td> <span title=attr-input-type-number>Number</span>
+     <td> <a href="#number2" title=attr-input-type-number>Number</a>
 
      <td> A numerical value
 
      <td> A text field or spinner control
 
     <tr>
-     <td> <dfn id=range
+     <td> <dfn id=range0
       title=attr-input-type-range-keyword><code>range</code></dfn>
 
-     <td> <span title=attr-input-type-range>Range</span>
+     <td> <a href="#range1" title=attr-input-type-range>Range</a>
 
      <td> A numerical value, with the extra semantic that the exact value is
       not important
@@ -27223,7 +27286,7 @@
      <td> <dfn id=email
       title=attr-input-type-email-keyword><code>email</code></dfn>
 
-     <td> <span title=attr-input-type-email>E-mail</span>
+     <td> <a href="#e-mail0" title=attr-input-type-email>E-mail</a>
 
      <td> An e-mail address
 
@@ -27233,27 +27296,27 @@
      <td> <dfn id=url1
       title=attr-input-type-url-keyword><code>url</code></dfn>
 
-     <td> <span title=attr-input-type-url>URL</span>
+     <td> <a href="#url2" title=attr-input-type-url>URL</a>
 
      <td> An IRI
 
      <td> A text field
 
     <tr>
-     <td> <dfn id=checkbox
+     <td> <dfn id=checkbox0
       title=attr-input-type-checkbox-keyword><code>checkbox</code></dfn>
 
-     <td> <span title=attr-input-type-checkbox>Checkbox</span>
+     <td> <a href="#checkbox1" title=attr-input-type-checkbox>Checkbox</a>
 
      <td> A set of zero or more values from a predefined list
 
      <td> A checkbox
 
     <tr>
-     <td> <dfn id=radio
+     <td> <dfn id=radio0
       title=attr-input-type-radio-keyword><code>radio</code></dfn>
 
-     <td> <span title=attr-input-type-radio>Radio Button</span>
+     <td> <a href="#radio1" title=attr-input-type-radio>Radio Button</a>
 
      <td> An enumerated value
 
@@ -27263,7 +27326,7 @@
      <td> <dfn id=file
       title=attr-input-type-file-keyword><code>file</code></dfn>
 
-     <td> <span title=attr-input-type-file>File</span>
+     <td> <a href="#file0" title=attr-input-type-file>File</a>
 
      <td> Zero or more files each with a MIME type and optionally a file name
       
@@ -27271,20 +27334,20 @@
      <td> A label and a button
 
     <tr>
-     <td> <dfn id=hidden
+     <td> <dfn id=hidden0
       title=attr-input-type-hidden-keyword><code>hidden</code></dfn>
 
-     <td> <span title=attr-input-type-hidden>Hidden</span>
+     <td> <a href="#hidden1" title=attr-input-type-hidden>Hidden</a>
 
      <td> An arbitrary string
 
      <td> n/a
 
     <tr>
-     <td> <dfn id=submit0
+     <td> <dfn id=submit1
       title=attr-input-type-submit-keyword><code>submit</code></dfn>
 
-     <td> <span title=attr-input-type-submit>Submit Button</span>
+     <td> <a href="#submit2" title=attr-input-type-submit>Submit Button</a>
 
      <td> An enumerated value, with the extra semantic that it must be the
       last value selected and initiates form submission
@@ -27292,26 +27355,29 @@
      <td> A button
 
     <tr>
-     <td> <dfn id=reset0
+     <td> <dfn id=reset1
       title=attr-input-type-reset-keyword><code>reset</code></dfn>
 
-     <td> <span title=attr-input-type-reset>Reset Button</span>
+     <td> <a href="#reset2" title=attr-input-type-reset>Reset Button</a>
 
      <td> n/a
 
      <td> A button
 
     <tr>
-     <td> <dfn id=button
+     <td> <dfn id=button0
       title=attr-input-type-button-keyword><code>button</code></dfn>
 
-     <td> <span title=attr-input-type-button>Button</span>
+     <td> <a href="#button1" title=attr-input-type-button>Button</a>
 
      <td> n/a
 
      <td> A button
   </table>
 
+  <p>The <i>missing value default</i> is the <a href="#text2"
+   title=attr-input-type-text>Text</a> state.
+
   <p>The <code title=attr-fae-form><a href="#form0">form</a></code> attribute
    is used to explicitly associate the <code><a
    href="#input0">input</a></code> element with its <a
@@ -27333,22 +27399,244 @@
    state of the <code title=attr-input-type><a href="#type12">type</a></code>
    attribute, and are defined in the sections below.
 
+  <h5 id=text-state><span class=secno>4.9.4.1. </span><dfn id=text2
+   title=attr-input-type-text>Text</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute is
+   absent, has the value <code title=attr-input-type-text-keyword><a
+   href="#text1">text</a></code>, or has an invalid value, the element is in
+   the <a href="#text2" title=attr-input-type-text>Text</a> state.
+
   <p class=big-issue>...
 
-  <p class=big-issue>... <dfn id=checked
-   title=concept-input-checked>checked</dfn>
+  <h5 id=password><span class=secno>4.9.4.2. </span><dfn id=password1
+   title=attr-input-type-password>Password</dfn> State</h5>
 
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-password-keyword><a
+   href="#password0">password</a></code>, the element is in the <a
+   href="#password1" title=attr-input-type-password>Password</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=image><span class=secno>4.9.4.3. </span><dfn id=image5
+   title=attr-input-type-image>Image Button</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-image-keyword><a
+   href="#image4">image</a></code>, the element is in the <a href="#image5"
+   title=attr-input-type-image>Image Button</a> state.
+
+  <p class=big-issue>...
+
   <p class=big-issue>... image: <dfn id=selected
    title=concept-input-type-image-coordinate>selected coordinate</dfn>
 
+  <h5 id=date-and><span class=secno>4.9.4.4. </span><dfn id=date-and0
+   title=attr-input-type-datetime>Date and Time</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-datetime-keyword><a
+   href="#datetime3">datetime</a></code>, the element is in the <a
+   href="#date-and0" title=attr-input-type-datetime>Date and Time</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=local><span class=secno>4.9.4.5. </span><dfn id=local0
+   title=attr-input-type-datetime-local>Local Date and Time</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-datetime-local-keyword><a
+   href="#datetime-local">datetime-local</a></code>, the element is in the <a
+   href="#local0" title=attr-input-type-datetime-local>Local Date and
+   Time</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=date-state><span class=secno>4.9.4.6. </span><dfn id=date2
+   title=attr-input-type-date>Date</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-date-keyword><a
+   href="#date1">date</a></code>, the element is in the <a href="#date2"
+   title=attr-input-type-date>Date</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=month><span class=secno>4.9.4.7. </span><dfn id=month1
+   title=attr-input-type-month>Month</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-month-keyword><a
+   href="#month0">month</a></code>, the element is in the <a href="#month1"
+   title=attr-input-type-month>Month</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=week-state><span class=secno>4.9.4.8. </span><dfn id=week0
+   title=attr-input-type-week>Week</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-week-keyword><a
+   href="#week">week</a></code>, the element is in the <a href="#week0"
+   title=attr-input-type-week>Week</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=time-state><span class=secno>4.9.4.9. </span><dfn id=time3
+   title=attr-input-type-time>Time</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-time-keyword><a
+   href="#time2">time</a></code>, the element is in the <a href="#time3"
+   title=attr-input-type-time>Time</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=number><span class=secno>4.9.4.10. </span><dfn id=number2
+   title=attr-input-type-number>Number</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-number-keyword><a
+   href="#number1">number</a></code>, the element is in the <a
+   href="#number2" title=attr-input-type-number>Number</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=range><span class=secno>4.9.4.11. </span><dfn id=range1
+   title=attr-input-type-range>Range</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-range-keyword><a
+   href="#range0">range</a></code>, the element is in the <a href="#range1"
+   title=attr-input-type-range>Range</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=e-mail><span class=secno>4.9.4.12. </span><dfn id=e-mail0
+   title=attr-input-type-email>E-mail</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-email-keyword><a
+   href="#email">email</a></code>, the element is in the <a href="#e-mail0"
+   title=attr-input-type-email>E-mail</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=url-state><span class=secno>4.9.4.13. </span><dfn id=url2
+   title=attr-input-type-url>URL</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-url-keyword><a
+   href="#url1">url</a></code>, the element is in the <a href="#url2"
+   title=attr-input-type-url>URL</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=checkbox><span class=secno>4.9.4.14. </span><dfn id=checkbox1
+   title=attr-input-type-checkbox>Checkbox</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-checkbox-keyword><a
+   href="#checkbox0">checkbox</a></code>, the element is in the <a
+   href="#checkbox1" title=attr-input-type-checkbox>Checkbox</a> state.
+
+  <p class=big-issue>...
+
+  <p class=big-issue>... <dfn id=checked
+   title=concept-input-checked-checkbox>checked</dfn>
+
+  <h5 id=radio><span class=secno>4.9.4.15. </span><dfn id=radio1
+   title=attr-input-type-radio>Radio Button</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-radio-keyword><a
+   href="#radio0">radio</a></code>, the element is in the <a href="#radio1"
+   title=attr-input-type-radio>Radio Button</a> state.
+
+  <p class=big-issue>...
+
+  <p class=big-issue>... <dfn id=checked0
+   title=concept-input-checked-radio>checked</dfn>
+
+  <h5 id=file-state><span class=secno>4.9.4.16. </span><dfn id=file0
+   title=attr-input-type-file>File</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-file-keyword><a
+   href="#file">file</a></code>, the element is in the <a href="#file0"
+   title=attr-input-type-file>File</a> state.
+
+  <p class=big-issue>...
+
   <p class=big-issue>... <dfn id=selected0
-   title=concept-input-type-file-selected>selected file</dfn></p>
+   title=concept-input-type-file-selected>selected file</dfn>
+
+  <h5 id=hidden><span class=secno>4.9.4.17. </span><dfn id=hidden1
+   title=attr-input-type-hidden>Hidden</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-hidden-keyword><a
+   href="#hidden0">hidden</a></code>, the element is in the <a
+   href="#hidden1" title=attr-input-type-hidden>Hidden</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=submit><span class=secno>4.9.4.18. </span><dfn id=submit2
+   title=attr-input-type-submit>Submit Button</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-submit-keyword><a
+   href="#submit1">submit</a></code>, the element is in the <a
+   href="#submit2" title=attr-input-type-submit>Submit Button</a> state.
+
+  <p class=big-issue>...</p>
   <!--XXX
 rel="" on submit buttons?
 -->
 
+  <h5 id=reset><span class=secno>4.9.4.19. </span><dfn id=reset2
+   title=attr-input-type-reset>Reset Button</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-reset-keyword><a
+   href="#reset1">reset</a></code>, the element is in the <a href="#reset2"
+   title=attr-input-type-reset>Reset Button</a> state.
+
+  <p class=big-issue>...
+
+  <h5 id=button><span class=secno>4.9.4.20. </span><dfn id=button1
+   title=attr-input-type-button>Button</dfn> State</h5>
+
+  <p>When an <code><a href="#input0">input</a></code> element's <code
+   title=attr-input-type><a href="#type12">type</a></code> attribute has the
+   value <code title=attr-input-type-button-keyword><a
+   href="#button0">button</a></code>, the element is in the <a
+   href="#button1" title=attr-input-type-button>Button</a> state.
+
+  <p class=big-issue>...
+
   <h4 id=the-button><span class=secno>4.9.5 </span>The <dfn
-   id=button0><code>button</code></dfn> element</h4>
+   id=button2><code>button</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
@@ -27422,7 +27710,7 @@
 
   <p>The <code title=attr-fae-form><a href="#form0">form</a></code> attribute
    is used to explicitly associate the <code><a
-   href="#button0">button</a></code> element with its <a
+   href="#button2">button</a></code> element with its <a
    href="#form-owner">form owner</a>. The <code title=attr-fe-name><a
    href="#name11">name</a></code> attribute represents the element's name.
 
@@ -27870,21 +28158,21 @@
   <p>When a <a href="#form-associated">form-associated element</a>'s ancestor
    chain changes, e.g. because it or one of its ancestors was inserted or
    removed from a <code>Document</code>, then the user agent must <a
-   href="#reset1">reset the form owner</a> of that element.
+   href="#reset3">reset the form owner</a> of that element.
 
   <p>When a <a href="#form-associated">form-associated element</a>'s <code
    title=attr-fae-form><a href="#form0">form</a></code> attribute is added,
    removed, or has its value changed, then the user agent must <a
-   href="#reset1">reset the form owner</a> of that element.
+   href="#reset3">reset the form owner</a> of that element.
 
   <p>When a <a href="#form-associated">form-associated element</a> has a
    <code title=attr-fae-form><a href="#form0">form</a></code> attribute and
    the ID of any of the <code><a href="#form">form</a></code> elements in the
    <code>Document</code> changes, then the user agent must <a
-   href="#reset1">reset the form owner</a> of that <a
+   href="#reset3">reset the form owner</a> of that <a
    href="#form-associated">form-associated element</a>.
 
-  <p>When the user agent is to <dfn id=reset1>reset the form owner</dfn> of a
+  <p>When the user agent is to <dfn id=reset3>reset the form owner</dfn> of a
    <a href="#form-associated">form-associated element</a>, it must run the
    following steps:
 
@@ -28117,7 +28405,7 @@
      multiple radio buttons in a set are marked as required, only one error
      need be reported). If one of the controls is not visible to the user
      (e.g. it has the <code title=attr-hidden><a
-     href="#hidden2">hidden</a></code> attribute set) then user agents may
+     href="#hidden4">hidden</a></code> attribute set) then user agents may
      report a script error.
 
    <li>
@@ -28210,14 +28498,14 @@
         title=attr-input-type><a href="#type12">type</a></code> attribute is
         in the <span title=attr-input-type-checkbox-state>Checkbox</span>
         state and the control is not <a href="#checked"
-        title=concept-input-checked>checked</a>.
+        title=concept-input-checked-checkbox>checked</a>.
 
        <li>The <var title="">field</var> element is an <code><a
         href="#input0">input</a></code> element whose <code
         title=attr-input-type><a href="#type12">type</a></code> attribute is
         in the <span title=attr-input-type-radio-state>Radio Button</span>
-        state and the control is not <a href="#checked"
-        title=concept-input-checked>checked</a>.
+        state and the control is not <a href="#checked0"
+        title=concept-input-checked-radio>checked</a>.
 
        <li>The <var title="">field</var> element is an <code><a
         href="#input0">input</a></code> element whose <code
@@ -28378,9 +28666,9 @@
 
        <td> <a href="#mutate" title=submit-mutate-action>Mutate action</a>
 
-       <td> <a href="#submit1" title=submit-body>Submit as entity body</a>
+       <td> <a href="#submit3" title=submit-body>Submit as entity body</a>
 
-       <td> <a href="#submit1" title=submit-body>Submit as entity body</a>
+       <td> <a href="#submit3" title=submit-body>Submit as entity body</a>
 
        <td> <a href="#delete" title=submit-delete-action>Delete action</a>
 
@@ -28389,9 +28677,9 @@
 
        <td> <a href="#mutate" title=submit-mutate-action>Mutate action</a>
 
-       <td> <a href="#submit1" title=submit-body>Submit as entity body</a>
+       <td> <a href="#submit3" title=submit-body>Submit as entity body</a>
 
-       <td> <a href="#submit1" title=submit-body>Submit as entity body</a>
+       <td> <a href="#submit3" title=submit-body>Submit as entity body</a>
 
        <td> <a href="#delete" title=submit-delete-action>Delete action</a>
 
@@ -28476,7 +28764,7 @@
        purpose by the steps above, then it must be navigated with <a
        href="#replacement">replacement enabled</a>.</p>
 
-     <dt><dfn id=submit1 title=submit-body>Submit as entity body</dfn>
+     <dt><dfn id=submit3 title=submit-body>Submit as entity body</dfn>
 
      <dd>
       <p>Let <var title="">entity body</var> be the result of encoding the
@@ -28750,9 +29038,9 @@
 
   <h4 id=resetting><span class=secno>4.9.17 </span>Resetting a form</h4>
 
-  <p>When a form <var title="">form</var> is <dfn id=reset2
+  <p>When a form <var title="">form</var> is <dfn id=reset4
    title=concept-form-reset>reset</dfn>, the user agent must invoke the <a
-   href="#reset3" title=concept-form-reset-control>reset algorithm</a> of
+   href="#reset5" title=concept-form-reset-control>reset algorithm</a> of
    each <a href="#resettable" title=category-reset>resettable</a> elements
    whose <a href="#form-owner">form owner</a> is <var title="">form</var>,
    and must then <a href="#broadcast0">broadcast <code
@@ -28760,7 +29048,7 @@
    title="">form</var>.
 
   <p>Each <a href="#resettable" title=category-reset>resettable</a> element
-   defines its own <dfn id=reset3 title=concept-form-reset-control>reset
+   defines its own <dfn id=reset5 title=concept-form-reset-control>reset
    algorithm</dfn>.
 
   <h4 id=event><span class=secno>4.9.18 </span>Event dispatch</h4>
@@ -28862,7 +29150,7 @@
            attribute boolean <code title=dom-script-defer><a href="#defer0">defer</a></code>;
            attribute DOMString <code title=dom-script-type><a href="#type14">type</a></code>;
            attribute DOMString <code title=dom-script-charset><a href="#charset3">charset</a></code>;
-           attribute DOMString <code title=dom-script-text><a href="#text2">text</a></code>;
+           attribute DOMString <code title=dom-script-text><a href="#text3">text</a></code>;
 };</pre>
   </dl>
 
@@ -29270,7 +29558,7 @@
        <dd>
         <p>For scripting languages that consist of pure text, user agents
          must use the value of the DOM <code title=dom-script-text><a
-         href="#text2">text</a></code> attribute (defined below) as the
+         href="#text3">text</a></code> attribute (defined below) as the
          script to execute, and for XML-based scripting languages, user
          agents must use all the child nodes of the <code><a
          href="#script1">script</a></code> element as the script to execute.</p>
@@ -29314,7 +29602,7 @@
    href="#reflect">reflect</a> the respective content attributes of the same
    name.
 
-  <p>The DOM attribute <dfn id=text2
+  <p>The DOM attribute <dfn id=text3
    title=dom-script-text><code>text</code></dfn> must return a concatenation
    of the contents of all the <a href="#text-node" title="text node">text
    nodes</a> that are direct children of the <code><a
@@ -30197,7 +30485,7 @@
      <th>Description
 
     <tr>
-     <td><!--checked--><dfn id=checked0
+     <td><!--checked--><dfn id=checked1
       title=datagrid-cell-class-checked><code>checked</code></dfn>
 
      <td>Cells
@@ -30230,11 +30518,11 @@
       title=datagrid-cell-class-progress><a
       href="#progress1">progress</a></code>, <code
       title=datagrid-cell-class-checked><a
-      href="#checked0">checked</a></code>, <code
+      href="#checked1">checked</a></code>, <code
       title=datagrid-cell-class-checked><a
-      href="#checked0">unchecked</a></code> and <code
+      href="#checked1">unchecked</a></code> and <code
       title=datagrid-cell-class-checked><a
-      href="#checked0">indeterminate</a></code> classes override this,
+      href="#checked1">indeterminate</a></code> classes override this,
       though.)
 
     <tr>
@@ -30253,9 +30541,9 @@
 
      <td>The cell has a checkbox, and it can be set to an indeterminate
       state. If neither the <code title=datagrid-cell-class-checked><a
-      href="#checked0">checked</a></code> nor <code
+      href="#checked1">checked</a></code> nor <code
       title=datagrid-cell-class-checked><a
-      href="#checked0">unchecked</a></code> classes are present, then the
+      href="#checked1">unchecked</a></code> classes are present, then the
       checkbox is in that state, too. (The <code
       title=datagrid-cell-class-cyclable><a
       href="#cyclable">cyclable</a></code> and <code
@@ -30368,7 +30656,7 @@
 
      <td>The cell has a checkbox and, unless the <code
       title=datagrid-cell-class-checked><a
-      href="#checked0">checked</a></code> class is present as well, it is
+      href="#checked1">checked</a></code> class is present as well, it is
       unchecked. (The <code title=datagrid-cell-class-cyclable><a
       href="#cyclable">cyclable</a></code> and <code
       title=datagrid-cell-class-progress><a
@@ -31005,7 +31293,7 @@
     <p>The <code title=dom-provider-getCellClasses><a
      href="#getcellclasses">getCellClasses()</a></code> method must add the
      <code title=datagrid-cell-class-checked><a
-     href="#checked0">checked</a></code> class if the <code><a
+     href="#checked1">checked</a></code> class if the <code><a
      href="#input0">input</a></code> element is <span
      title=dom-input-checked>checked</span>, and the <code
      title=datagrid-cell-class-unchecked><a
@@ -31420,7 +31708,7 @@
    <dt id=cellType2>To establish how a simple text cell should be presented
 
    <dd>Check whether one of the <code title=datagrid-cell-class-checked><a
-    href="#checked0">checked</a></code>, <code
+    href="#checked1">checked</a></code>, <code
     title=datagrid-cell-class-unchecked><a
     href="#unchecked">unchecked</a></code>, or <code
     title=datagrid-cell-class-indeterminate><a
@@ -31436,7 +31724,7 @@
    <dt>To establish the state of a cell's checkbox, if it has one
 
    <dd>Check whether the <code title=datagrid-cell-class-checked><a
-    href="#checked0">checked</a></code> class applies to the cell. If it
+    href="#checked1">checked</a></code> class applies to the cell. If it
     does, the cell is checked. Otherwise, check whether the <code
     title=datagrid-cell-class-unchecked><a
     href="#unchecked">unchecked</a></code> class applies to the cell. If it
@@ -31448,7 +31736,7 @@
     href="#indeterminate">indeterminate</a></code> class applies to the cell,
     the checkbox is a tristate checkbox, and the user can set it to the
     indeterminate state. Otherwise, only the <code
-    title=datagrid-cell-class-checked><a href="#checked0">checked</a></code>
+    title=datagrid-cell-class-checked><a href="#checked1">checked</a></code>
     and/or <code title=datagrid-cell-class-unchecked><a
     href="#unchecked">unchecked</a></code> classes apply to the cell, and the
     cell can only be toggled between those two states.
@@ -31861,7 +32149,7 @@
     href="#disabled9">disabled</a></code>
 
    <dd><code title=attr-command-checked><a
-    href="#checked1">checked</a></code>
+    href="#checked2">checked</a></code>
 
    <dd><code title=attr-command-radiogroup><a
     href="#radiogroup">radiogroup</a></code>
@@ -31882,7 +32170,7 @@
            attribute DOMString <a href="#label1" title=dom-command-label>label</a>;
            attribute DOMString <a href="#icon0" title=dom-command-icon>icon</a>;
            attribute boolean <a href="#disabled10" title=dom-command-disabled>disabled</a>;
-           attribute boolean <a href="#checked2" title=dom-command-checked>checked</a>;
+           attribute boolean <a href="#checked3" title=dom-command-checked>checked</a>;
            attribute DOMString <a href="#radiogroup0" title=dom-command-radiogroup>radiogroup</a>;
            attribute boolean <a href="#default3" title=dom-command-default>default</a>;
  void <a href="#click" title=dom-command-click>click</a>(); // shadows <code><a href="#htmlelement">HTMLElement</a></code>.<code title=dom-click><a href="#click1">click()</a></code>
@@ -31926,7 +32214,7 @@
 
   <p class=note>The distinction between <code title=attr-command-disabled><a
    href="#disabled9">disabled</a></code> and <code title=attr-hidden><a
-   href="#hidden2">hidden</a></code> is subtle. A command should be disabled
+   href="#hidden4">hidden</a></code> is subtle. A command should be disabled
    if, in the same context, it could be enabled if only certain aspects of
    the situation were changed. A command should be marked as hidden if, in
    that situation, the command will never be enabled. For example, in the
@@ -31934,7 +32222,7 @@
    the faucet is already open, but the command "eat" would be marked hidden
    since the faucet could never be eaten.
 
-  <p>The <dfn id=checked1
+  <p>The <dfn id=checked2
    title=attr-command-checked><code>checked</code></dfn> attribute is a <a
    href="#boolean0">boolean attribute</a> that, if present, indicates that
    the command is selected.
@@ -31967,7 +32255,7 @@
   <p>The <dfn id=type16 title=dom-command-type><code>type</code></dfn>, <dfn
    id=label1 title=dom-command-label><code>label</code></dfn>, <dfn id=icon0
    title=dom-command-icon><code>icon</code></dfn>, <dfn id=disabled10
-   title=dom-command-disabled><code>disabled</code></dfn>, <dfn id=checked2
+   title=dom-command-disabled><code>disabled</code></dfn>, <dfn id=checked3
    title=dom-command-checked><code>checked</code></dfn>, <dfn id=radiogroup0
    title=dom-command-radiogroup><code>radiogroup</code></dfn>, and <dfn
    id=default3 title=dom-command-default><code>default</code></dfn> DOM
@@ -31985,9 +32273,9 @@
 
    <dd>
     <p>If the element has a <code title=attr-command-checked><a
-     href="#checked1">checked</a></code> attribute, the UA must remove that
+     href="#checked2">checked</a></code> attribute, the UA must remove that
      attribute. Otherwise, the UA must add a <code
-     title=attr-command-checked><a href="#checked1">checked</a></code>
+     title=attr-command-checked><a href="#checked2">checked</a></code>
      attribute, with the literal value <code title="">checked</code>. The UA
      must then <a href="#firing">fire a <code title="">click</code> event</a>
      at the element.
@@ -32005,12 +32293,12 @@
      title=attr-command-radiogroup><a
      href="#radiogroup">radiogroup</a></code> attributes as if they were the
      empty string), and has a <code title=attr-command-checked><a
-     href="#checked1">checked</a></code> attribute, must remove that
+     href="#checked2">checked</a></code> attribute, must remove that
      attribute and <a href="#firing">fire a <code title="">click</code>
      event</a> at the element.</p>
 
     <p>Then, the element's <code title=attr-command-checked><a
-     href="#checked1">checked</a></code> attribute attribute must be set to
+     href="#checked2">checked</a></code> attribute attribute must be set to
      the literal value <code title="">checked</code> and a <span title="file
      a click event"><code title="">click</code> event must be fired</span> at
      the element.
@@ -32628,10 +32916,10 @@
 
    <dd>The kind of command: "command", meaning it is a normal command;
     "radio", meaning that triggering the command will, amongst other things,
-    set the <a href="#checked3" title=command-facet-CheckedState>Checked
+    set the <a href="#checked4" title=command-facet-CheckedState>Checked
     State</a> to true (and probably uncheck some other commands); or
     "checkbox", meaning that triggering the command will, amongst other
-    things, toggle the value of the <a href="#checked3"
+    things, toggle the value of the <a href="#checked4"
     title=command-facet-CheckedState>Checked State</a>.
 
    <dt><dfn id=id1 title=command-facet-ID>ID</dfn>
@@ -32655,7 +32943,7 @@
    <!--
    changing base URLs might change the icon -->
 
-   <dt><dfn id=hidden0 title=command-facet-HiddenState>Hidden State</dfn>
+   <dt><dfn id=hidden2 title=command-facet-HiddenState>Hidden State</dfn>
 
    <dd>Whether the command is hidden or not (basically, whether it should be
     shown in menus).
@@ -32665,7 +32953,7 @@
 
    <dd>Whether the command is relevant and can be triggered or not.
 
-   <dt><dfn id=checked3 title=command-facet-CheckedState>Checked State</dfn>
+   <dt><dfn id=checked4 title=command-facet-CheckedState>Checked State</dfn>
 
    <dd>Whether the command is checked or not.
 
@@ -32701,9 +32989,9 @@
   readonly attribute DOMString <a href="#label5" title=dom-command-ro-label>label</a>;
   readonly attribute DOMString <a href="#title7" title=dom-command-ro-title>title</a>;
   readonly attribute DOMString <a href="#icon2" title=dom-command-ro-icon>icon</a>;
-  readonly attribute boolean <a href="#hidden1" title=dom-command-ro-hidden>hidden</a>;
+  readonly attribute boolean <a href="#hidden3" title=dom-command-ro-hidden>hidden</a>;
   readonly attribute boolean <a href="#disabled13" title=dom-command-ro-disabled>disabled</a>;              
-  readonly attribute boolean <a href="#checked4" title=dom-command-ro-checked>checked</a>;              
+  readonly attribute boolean <a href="#checked5" title=dom-command-ro-checked>checked</a>;              
   void <a href="#click0" title=dom-command-ro-click>click</a>();
   readonly attribute <a href="#htmlcollection0">HTMLCollection</a> <a href="#triggers0" title=dom-command-ro-triggers>triggers</a>;
   readonly attribute <a href="#command0">Command</a> <span title=dom-command-ro-command>command</span>;
@@ -32762,14 +33050,14 @@
    href="#icon0">icon</a></code> DOM attribute on <code><a
    href="#command0">command</a></code> elements.
 
-  <p>The <dfn id=hidden1
+  <p>The <dfn id=hidden3
    title=dom-command-ro-hidden><code>hidden</code></dfn> attribute must
-   return true if the command's <a href="#hidden0"
+   return true if the command's <a href="#hidden2"
    title=command-facet-HiddenState>Hidden State</a> is that the command is
    hidden, and false if it is that the command is not hidden. If the element
    does not define a command, the attribute must return false. This attribute
    will be shadowed by the <code title=dom-hidden><a
-   href="#hidden3">hidden</a></code> DOM attribute on the <code><a
+   href="#hidden5">hidden</a></code> DOM attribute on the <code><a
    href="#htmlelement">HTMLElement</a></code> interface.
 
   <p>The <dfn id=disabled13
@@ -32777,18 +33065,18 @@
    return true if the command's <a href="#disabled12"
    title=command-facet-DisabledState>Disabled State</a> is that the command
    is disabled, and false if the command is not disabled. This attribute is
-   not affected by the command's <a href="#hidden0"
+   not affected by the command's <a href="#hidden2"
    title=command-facet-HiddenState>Hidden State</a>. If the element does not
    define a command, the attribute must return false. This attribute will be
    shadowed by the <code title="">disabled</code> attribute on <code><a
-   href="#button0">button</a></code>, <code><a
+   href="#button2">button</a></code>, <code><a
    href="#input0">input</a></code>, <code><a
    href="#option">option</a></code>, and <code><a
    href="#command0">command</a></code> elements.
 
-  <p>The <dfn id=checked4
+  <p>The <dfn id=checked5
    title=dom-command-ro-checked><code>checked</code></dfn> attribute must
-   return true if the command's <a href="#checked3"
+   return true if the command's <a href="#checked4"
    title=command-facet-CheckedState>Checked State</a> is that the command is
    checked, and false if it is that the command is not checked. If the
    element does not define a command, the attribute must return false. This
@@ -32859,16 +33147,16 @@
    Otherwise, there is no <a href="#icon1" title=command-facet-Icon>Icon</a>
    for the command.
 
-  <p>The <a href="#hidden0" title=command-facet-HiddenState>Hidden State</a>
+  <p>The <a href="#hidden2" title=command-facet-HiddenState>Hidden State</a>
    of the command is true (hidden) if the element has a <code
-   title=attr-hidden><a href="#hidden2">hidden</a></code> attribute, and
+   title=attr-hidden><a href="#hidden4">hidden</a></code> attribute, and
    false otherwise.
 
   <p>The <a href="#disabled12" title=command-facet-DisabledState>Disabled
    State</a> facet of the command is always false. (The command is always
    enabled.)
 
-  <p>The <a href="#checked3" title=command-facet-CheckedState>Checked
+  <p>The <a href="#checked4" title=command-facet-CheckedState>Checked
    State</a> of the command is always false. (The command is never checked.)
 
   <p>The <a href="#action2" title=command-facet-Action>Action</a> of the
@@ -32879,15 +33167,15 @@
    title=button-command>Using the <code>button</code> element to define a
    command</dfn></h5>
 
-  <p>A <code><a href="#button0">button</a></code> element always <a
+  <p>A <code><a href="#button2">button</a></code> element always <a
    href="#command1" title=concept-command>defines a command</a>.
 
   <p>The <a href="#type21" title=command-facet-Type>Type</a>, <a href="#id1"
    title=command-facet-ID>ID</a>, <a href="#label4"
    title=command-facet-Label>Label</a>, <a href="#hint"
    title=command-facet-Hint>Hint</a>, <a href="#icon1"
-   title=command-facet-Icon>Icon</a>, <a href="#hidden0"
-   title=command-facet-HiddenState>Hidden State</a>, <a href="#checked3"
+   title=command-facet-Icon>Icon</a>, <a href="#hidden2"
+   title=command-facet-HiddenState>Hidden State</a>, <a href="#checked4"
    title=command-facet-CheckedState>Checked State</a>, and <a href="#action2"
    title=command-facet-Action>Action</a> facets of the command are determined
    <a href="#using5" title=a-command>as for <code>a</code> elements</a> (see
@@ -32903,20 +33191,21 @@
 
   <p>An <code><a href="#input0">input</a></code> element whose <code
    title=attr-input-type><a href="#type12">type</a></code> attribute is in
-   one of the <span title=attr-input-type-submit>Submit Button</span>, <span
-   title=attr-input-type-reset>Reset Button</span>, <span
-   title=attr-input-type-button>Button</span>, <span
-   title=attr-input-type-radio>Radio Button</span>, or <span
-   title=attr-input-type-checkbox>Checkbox</span> states <a href="#command1"
-   title=concept-command>defines a command</a>.
+   one of the <a href="#submit2" title=attr-input-type-submit>Submit
+   Button</a>, <a href="#reset2" title=attr-input-type-reset>Reset
+   Button</a>, <a href="#button1" title=attr-input-type-button>Button</a>, <a
+   href="#radio1" title=attr-input-type-radio>Radio Button</a>, or <a
+   href="#checkbox1" title=attr-input-type-checkbox>Checkbox</a> states <a
+   href="#command1" title=concept-command>defines a command</a>.
 
   <p>The <a href="#type21" title=command-facet-Type>Type</a> of the command
    is "radio" if the <code title=attr-input-type><a
    href="#type12">type</a></code> attribute is in the <code
-   title=attr-input-type-radio>Radio Button</code> state, "checkbox" if the
-   <code title=attr-input-type><a href="#type12">type</a></code> attribute is
-   in the <code title=attr-input-type-checkbox>Checkbox</code> state, and
-   "command" otherwise.
+   title=attr-input-type-radio><a href="#radio1">Radio Button</a></code>
+   state, "checkbox" if the <code title=attr-input-type><a
+   href="#type12">type</a></code> attribute is in the <code
+   title=attr-input-type-checkbox><a href="#checkbox1">Checkbox</a></code>
+   state, and "command" otherwise.
 
   <p>The <a href="#id1" title=command-facet-ID>ID</a> of the command is the
    value of the <code title=attr-id><a href="#id">id</a></code> attribute of
@@ -32953,16 +33242,16 @@
   <p>There is no <a href="#icon1" title=command-facet-Icon>Icon</a> for the
    command.
 
-  <p>The <a href="#hidden0" title=command-facet-HiddenState>Hidden State</a>
+  <p>The <a href="#hidden2" title=command-facet-HiddenState>Hidden State</a>
    of the command is true (hidden) if the element has a <code
-   title=attr-hidden><a href="#hidden2">hidden</a></code> attribute, and
+   title=attr-hidden><a href="#hidden4">hidden</a></code> attribute, and
    false otherwise.
 
   <p>The <a href="#disabled12" title=command-facet-DisabledState>Disabled
    State</a> of the command mirrors the <a href="#disabled4"
    title=concept-fe-disabled>disabled</a> state of the control.
 
-  <p>The <a href="#checked3" title=command-facet-CheckedState>Checked
+  <p>The <a href="#checked4" title=command-facet-CheckedState>Checked
    State</a> of the command is true if the command is of <a href="#type21"
    title=command-facet-Type>Type</a> "radio" or "checkbox" and the element
    has a <code title=attr-input-checked>checked</code> attribute, and false
@@ -33011,16 +33300,16 @@
   <p>There is no <a href="#icon1" title=command-facet-Icon>Icon</a> for the
    command.
 
-  <p>The <a href="#hidden0" title=command-facet-HiddenState>Hidden State</a>
+  <p>The <a href="#hidden2" title=command-facet-HiddenState>Hidden State</a>
    of the command is true (hidden) if the element has a <code
-   title=attr-hidden><a href="#hidden2">hidden</a></code> attribute, and
+   title=attr-hidden><a href="#hidden4">hidden</a></code> attribute, and
    false otherwise.
 
   <p>The <a href="#disabled12" title=command-facet-DisabledState>Disabled
    State</a> of the command is true (disabled) if the element has a <code
    title=attr-option-disabled>disabled</code> attribute, and false otherwise.
 
-  <p>The <a href="#checked3" title=command-facet-CheckedState>Checked
+  <p>The <a href="#checked4" title=command-facet-CheckedState>Checked
    State</a> of the command is true (checked) if the element's <code
    title=dom-option-selected>selected</code> DOM attribute is true, and false
    otherwise.
@@ -33074,9 +33363,9 @@
    Otherwise, there is no <a href="#icon1" title=command-facet-Icon>Icon</a>
    for the command.
 
-  <p>The <a href="#hidden0" title=command-facet-HiddenState>Hidden State</a>
+  <p>The <a href="#hidden2" title=command-facet-HiddenState>Hidden State</a>
    of the command is true (hidden) if the element has a <code
-   title=attr-hidden><a href="#hidden2">hidden</a></code> attribute, and
+   title=attr-hidden><a href="#hidden4">hidden</a></code> attribute, and
    false otherwise.
 
   <p>The <a href="#disabled12" title=command-facet-DisabledState>Disabled
@@ -33084,9 +33373,9 @@
    title=attr-command-disabled><a href="#disabled9">disabled</a></code>
    attribute, and false otherwise.
 
-  <p>The <a href="#checked3" title=command-facet-CheckedState>Checked
+  <p>The <a href="#checked4" title=command-facet-CheckedState>Checked
    State</a> of the command is true (checked) if the element has a <code
-   title=attr-command-checked><a href="#checked1">checked</a></code>
+   title=attr-command-checked><a href="#checked2">checked</a></code>
    attribute, and false otherwise.
 
   <p>The <a href="#action2" title=command-facet-Action>Action</a> of the
@@ -33138,12 +33427,12 @@
    href="#bb">bb</a></code> element's <code title=attr-bb-type><a
    href="#type17">type</a></code> attribute's state.
 
-  <p>The <a href="#hidden0" title=command-facet-HiddenState>Hidden State</a>
+  <p>The <a href="#hidden2" title=command-facet-HiddenState>Hidden State</a>
    facet of the command is true (hidden) if the <code><a
    href="#bb">bb</a></code> element's <code title=attr-bb-type><a
    href="#type17">type</a></code> attribute's state is <i
    title=attr-bb-type-null-state><a href="#null">null</a></i> or if the
-   element has a <code title=attr-hidden><a href="#hidden2">hidden</a></code>
+   element has a <code title=attr-hidden><a href="#hidden4">hidden</a></code>
    attribute, and false otherwise.
 
   <p>The <a href="#disabled12" title=command-facet-DisabledState>Disabled
@@ -33152,7 +33441,7 @@
    href="#type17">type</a></code> attribute's state's <i>relevance</i> is
    false, and true otherwise.
 
-  <p>The <a href="#checked3" title=command-facet-CheckedState>Checked
+  <p>The <a href="#checked4" title=command-facet-CheckedState>Checked
    State</a> of the command is always false. (The command is never checked.)
 
   <p>The <a href="#action2" title=command-facet-Action>Action</a> of the
@@ -40158,7 +40447,7 @@
    title=dom-StorageEvent-newValue>newValue</code> attributes set to null.
 
   <p>In addition, the event must have its <code title=dom-StorageEvent-url><a
-   href="#url2">url</a></code> attribute set to the address of the page whose
+   href="#url3">url</a></code> attribute set to the address of the page whose
    <code><a href="#storage0">Storage</a></code> object was affected, and its
    <code title=dom-StorageEvent-source><a href="#source1">source</a></code>
    attribute set to the <code><a href="#window">Window</a></code> object of
@@ -40172,7 +40461,7 @@
   readonly attribute DOMString <a href="#key" title=dom-StorageEvent-key>key</a>;
   readonly attribute DOMString <a href="#oldvalue" title=dom-StorageEvent-oldValue>oldValue</a>;
   readonly attribute DOMString <span title=dom-StorageEvent-newValue>newValue</span>;
-  readonly attribute DOMString <a href="#url2" title=dom-StorageEvent-url>url</a>;
+  readonly attribute DOMString <a href="#url3" title=dom-StorageEvent-url>url</a>;
   readonly attribute <a href="#window">Window</a> <a href="#source1" title=dom-StorageEvent-source>source</a>;
   void <a href="#initstorageevent" title=dom-StorageEvent-initStorageEvent>initStorageEvent</a>(in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in DOMString keyArg, in DOMString oldValueArg, in DOMString newValueArg, in DOMString urlArg, in Window sourceArg);
   void <a href="#initstorageeventns" title=dom-StorageEvent-initStorageEventNS>initStorageEventNS</a>(in DOMString namespaceURI, in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in DOMString keyArg, in DOMString oldValueArg, in DOMString newValueArg, in DOMString urlArg, in Window sourceArg);
@@ -40197,7 +40486,7 @@
    title=dom-StorageEvent-vnewValue><code>newValue</code></dfn> attribute
    represents the new value of the key being changed.
 
-  <p>The <dfn id=url2 title=dom-StorageEvent-url><code>url</code></dfn>
+  <p>The <dfn id=url3 title=dom-StorageEvent-url><code>url</code></dfn>
    attribute represents the address of the document that changed the key.
 
   <p>The <dfn id=source1
@@ -42426,16 +42715,16 @@
   <p class=big-issue>Would be nice to explain how these features work
    together.
 
-  <h3 id=the-hidden><span class=secno>6.2 </span>The <dfn id=hidden2
+  <h3 id=the-hidden><span class=secno>6.2 </span>The <dfn id=hidden4
    title=attr-hidden><code>hidden</code></dfn> attribute</h3>
 
   <p>All elements may have the <code title=attr-hidden><a
-   href="#hidden2">hidden</a></code> content attribute set. The <code
-   title=attr-hidden><a href="#hidden2">hidden</a></code> attribute is a <a
+   href="#hidden4">hidden</a></code> content attribute set. The <code
+   title=attr-hidden><a href="#hidden4">hidden</a></code> attribute is a <a
    href="#boolean0">boolean attribute</a>. When specified on an element, it
    indicates that the element is not yet, or is no longer, relevant. User
    agents should not render elements that have the <code title=attr-hidden><a
-   href="#hidden2">hidden</a></code> attribute specified.
+   href="#hidden4">hidden</a></code> attribute specified.
 
   <div class=example>
    <p>In the following skeletal example, the attribute is used to hide the
@@ -42461,23 +42750,23 @@
   </section></pre>
   </div>
 
-  <p>The <code title=attr-hidden><a href="#hidden2">hidden</a></code>
+  <p>The <code title=attr-hidden><a href="#hidden4">hidden</a></code>
    attribute must not be used to hide content that could legitimately be
    shown in another presentation. For example, it is incorrect to use <code
-   title=attr-hidden><a href="#hidden2">hidden</a></code> to hide panels in a
+   title=attr-hidden><a href="#hidden4">hidden</a></code> to hide panels in a
    tabbed dialog, because the tabbed interface is merely a kind of overflow
    presentation — showing all the form controls in one big page with a
    scrollbar would be equivalent, and no less correct.
 
   <p>Elements in a section hidden by the <code title=attr-hidden><a
-   href="#hidden2">hidden</a></code> attribute are still active, e.g. scripts
+   href="#hidden4">hidden</a></code> attribute are still active, e.g. scripts
    and form controls in such sections still render execute and submit
    respectively. Only their presentation to the user changes.</p>
   <!-- XXX might be worth disabling user interaction event submission
   in hidden areas? e.g. make onmousemove and onclick and form controls
   not respond to input? -->
 
-  <p>The <dfn id=hidden3 title=dom-hidden><code>hidden</code></dfn> DOM
+  <p>The <dfn id=hidden5 title=dom-hidden><code>hidden</code></dfn> DOM
    attribute must <a href="#reflect">reflect</a> the content attribute of the
    same name.
 
@@ -46006,7 +46295,7 @@
   <pre class=idl>
 [<a href="#websocket1" title=dom-WebSocket>Constructor</a>(in DOMString url)]
 interface <dfn id=websocket0>WebSocket</dfn> {
-  readonly attribute DOMString <a href="#url3" title=dom-WebSocket-URL>URL</a>;
+  readonly attribute DOMString <a href="#url4" title=dom-WebSocket-URL>URL</a>;
 
   // ready state
   const unsigned short <a href="#connecting0" title=dom-WebSocket-CONNECTING>CONNECTING</a> = 0;
@@ -46040,7 +46329,7 @@
    title="">url</var>. Otherwise, the constructor must raise a
    <code>SYNTAX_ERR</code> exception.
 
-  <p>The <dfn id=url3 title=dom-WebSocket-URL><code>URL</code></dfn>
+  <p>The <dfn id=url4 title=dom-WebSocket-URL><code>URL</code></dfn>
    attribute must return the value that was passed to the constructor.
 
   <p>The <dfn id=readystate1
@@ -47793,11 +48082,11 @@
    (since there's no end tag, no content can be put between the start tag and
    the end tag).
 
-  <p>CDATA elements can have <a href="#text3" title=syntax-text>text</a>,
+  <p>CDATA elements can have <a href="#text4" title=syntax-text>text</a>,
    though it has <a href="#cdata-rcdata-restrictions">restrictions</a>
    described below.
 
-  <p>RCDATA elements can have <a href="#text3" title=syntax-text>text</a> and
+  <p>RCDATA elements can have <a href="#text4" title=syntax-text>text</a> and
    <a href="#character6" title=syntax-charref>character references</a>, but
    the text must not contain an <a href="#ambiguous"
    title=syntax-ambiguous-ampersand>ambiguous ampersand</a>. There are also
@@ -47807,7 +48096,7 @@
   <p>Foreign elements whose start tag is marked as self-closing can't have
    any contents (since, again, as there's no end tag, no content can be put
    between the start tag and the end tag). Foreign elements whose start tag
-   is <em>not</em> marked as self-closing can have <a href="#text3"
+   is <em>not</em> marked as self-closing can have <a href="#text4"
    title=syntax-text>text</a>, <a href="#character6"
    title=syntax-charref>character references</a>, <a href="#cdata1"
    title=syntax-cdata>CDATA sections</a>, other <a href="#elements5"
@@ -47817,7 +48106,7 @@
    href="#ambiguous" title=syntax-ambiguous-ampersand>ambiguous
    ampersand</a>.
 
-  <p>Normal elements can have <a href="#text3" title=syntax-text>text</a>, <a
+  <p>Normal elements can have <a href="#text4" title=syntax-text>text</a>, <a
    href="#character6" title=syntax-charref>character references</a>, other <a
    href="#elements5" title=syntax-elements>elements</a>, and <a
    href="#comments0" title=syntax-comments>comments</a>, but the text must
@@ -47913,7 +48202,7 @@
    match for the attribute's name.
 
   <p><dfn id=attribute4 title=syntax-attribute-value>Attribute values</dfn>
-   are a mixture of <a href="#text3" title=syntax-text>text</a> and <a
+   are a mixture of <a href="#text4" title=syntax-text>text</a> and <a
    href="#character6" title=syntax-charref>character references</a>, except
    with the additional restriction that the text cannot contain an <a
    href="#ambiguous" title=syntax-ambiguous-ampersand>ambiguous
@@ -48301,7 +48590,7 @@
    href="#escaping" title=syntax-escape>escaping text span</a>.
 
   <p>An <dfn id=escaping title=syntax-escape>escaping text span</dfn> is a
-   span of <a href="#text3" title=syntax-text>text</a> that starts with an <a
+   span of <a href="#text4" title=syntax-text>text</a> that starts with an <a
    href="#escaping0" title=syntax-escape-start>escaping text span start</a>
    that is not itself in an <a href="#escaping" title=syntax-escape>escaping
    text span</a>, and ends at the next <a href="#escaping1"
@@ -48310,13 +48599,13 @@
    <a href="#escaping" title=syntax-escape>escaping text span</a>.
 
   <p>An <dfn id=escaping0 title=syntax-escape-start>escaping text span
-   start</dfn> is a part of <a href="#text3" title=syntax-text>text</a> that
+   start</dfn> is a part of <a href="#text4" title=syntax-text>text</a> that
    consists of the four character sequence "<code title=""><!--</code>"
    (U+003C LESS-THAN SIGN, U+0021 EXCLAMATION MARK, U+002D HYPHEN-MINUS,
    U+002D HYPHEN-MINUS).
 
   <p>An <dfn id=escaping1 title=syntax-escape-end>escaping text span
-   end</dfn> is a part of <a href="#text3" title=syntax-text>text</a> that
+   end</dfn> is a part of <a href="#text4" title=syntax-text>text</a> that
    consists of the three character sequence "<code title="">--></code>"
    (U+002D HYPHEN-MINUS, U+002D HYPHEN-MINUS, U+003E GREATER-THAN SIGN) whose
    U+003E GREATER-THAN SIGN (>).
@@ -48333,7 +48622,7 @@
 
   <h4 id=text0><span class=secno>8.1.3 </span>Text</h4>
 
-  <p><dfn id=text3 title=syntax-text>Text</dfn> is allowed inside elements,
+  <p><dfn id=text4 title=syntax-text>Text</dfn> is allowed inside elements,
    attributes, and comments. Text must consist of Unicode characters. Text
    must not contain U+0000 characters. Text must not contain permanently
    undefined Unicode characters. Text must not contain control characters
@@ -48350,11 +48639,11 @@
 
   <h4 id=character0><span class=secno>8.1.4 </span>Character references</h4>
 
-  <p>In certain cases described in other sections, <a href="#text3"
+  <p>In certain cases described in other sections, <a href="#text4"
    title=syntax-text>text</a> may be mixed with <dfn id=character6
    title=syntax-charref>character references</dfn>. These can be used to
    escape characters that couldn't otherwise legally be included in <a
-   href="#text3" title=syntax-text>text</a>.
+   href="#text4" title=syntax-text>text</a>.
 
   <p>Character references must start with a U+0026 AMPERSAND
    (<code>&</code>). Following this, there are three possible kinds of
@@ -48394,7 +48683,7 @@
 
   <p>An <dfn id=ambiguous title=syntax-ambiguous-ampersand>ambiguous
    ampersand</dfn> is a U+0026 AMPERSAND (<code>&</code>) character that
-   is followed by some <a href="#text3" title=syntax-text>text</a> other than
+   is followed by some <a href="#text4" title=syntax-text>text</a> other than
    a <a href="#space">space character</a>, a U+003C LESS-THAN SIGN character
    ('<'), or another U+0026 AMPERSAND (<code>&</code>) character.
 
@@ -48406,7 +48695,7 @@
    CAPITAL LETTER D, U+0041 LATIN CAPITAL LETTER A, U+0054 LATIN CAPITAL
    LETTER T, U+0041 LATIN CAPITAL LETTER A, U+005B LEFT SQUARE BRACKET (<code
    title=""><![CDATA[</code>). Following this sequence, the CDATA section
-   may have <a href="#text3" title=syntax-text>text</a>, with the additional
+   may have <a href="#text4" title=syntax-text>text</a>, with the additional
    restriction that the text must not contain the three character sequence
    U+005D RIGHT SQUARE BRACKET, U+005D RIGHT SQUARE BRACKET, U+003E
    GREATER-THAN SIGN (<code title="">]]></code>). Finally, the CDATA section
@@ -48420,7 +48709,7 @@
    the four character sequence U+003C LESS-THAN SIGN, U+0021 EXCLAMATION
    MARK, U+002D HYPHEN-MINUS, U+002D HYPHEN-MINUS (<code
    title=""><!--</code>). Following this sequence, the comment may have <a
-   href="#text3" title=syntax-text>text</a>, with the additional restriction
+   href="#text4" title=syntax-text>text</a>, with the additional restriction
    that the text must not start with a single U+003E GREATER-THAN SIGN
    ('>') character, nor start with a U+002D HYPHEN-MINUS (<code
    title="">-</code>) character followed by a U+003E GREATER-THAN SIGN
@@ -49318,7 +49607,7 @@
 
   <hr>
 
-  <p>When the steps below require the UA to <dfn id=reset4>reset the
+  <p>When the steps below require the UA to <dfn id=reset6>reset the
    insertion mode appropriately</dfn>, it means the UA must follow these
    steps:
 
@@ -49531,7 +49820,7 @@
     <p>The following HTML elements introduce new <a href="#have-an"
      title="has an element in scope">scopes</a> for various parts of the
      parsing: <code><a href="#applet">applet</a></code>, <code><a
-     href="#button0">button</a></code>, <code><a
+     href="#button2">button</a></code>, <code><a
      href="#caption0">caption</a></code>, <code><a
      href="#html">html</a></code>, <code>marquee</code>, <code><a
      href="#object">object</a></code>, <code><a
@@ -49587,7 +49876,7 @@
 
      <li><code><a href="#th">th</a></code> in the HTML namespace
 
-     <li><code><a href="#button0">button</a></code> in the HTML namespace
+     <li><code><a href="#button2">button</a></code> in the HTML namespace
 
      <li><code>marquee</code> in the HTML namespace
 
@@ -53453,7 +53742,7 @@
      pointer</a> is not null and the newly created element doesn't have a
      <code title=attr-fae-form><a href="#form0">form</a></code> attribute,
      then <a href="#associated" title=concept-form-association>associate</a>
-     the <code><a href="#button0">button</a></code> element with the <code><a
+     the <code><a href="#button2">button</a></code> element with the <code><a
      href="#form">form</a></code> element pointed to by the <a
      href="#form-element"><code title="">form</code> element pointer</a>.</p>
 
@@ -54164,7 +54453,7 @@
     <p>Pop elements from this stack until a <code><a
      href="#table">table</a></code> element has been popped from the stack.</p>
 
-    <p><a href="#reset4">Reset the insertion mode appropriately</a>.</p>
+    <p><a href="#reset6">Reset the insertion mode appropriately</a>.</p>
 
    <dt>An end tag whose tag name is one of: "body", "caption", "col",
     "colgroup", "html", "tbody", "td", "tfoot", "th", "thead", "tr"
@@ -54768,7 +55057,7 @@
      until a <code><a href="#select">select</a></code> element has been
      popped from the stack.</p>
 
-    <p><a href="#reset4">Reset the insertion mode appropriately</a>.</p>
+    <p><a href="#reset6">Reset the insertion mode appropriately</a>.</p>
 
    <dt>A start tag whose tag name is "select"
 
@@ -55825,7 +56114,7 @@
      that it contains just the single element <var title="">root</var>.</p>
 
    <li>
-    <p><a href="#reset4" title="reset the insertion mode appropriately">Reset
+    <p><a href="#reset6" title="reset the insertion mode appropriately">Reset
      the parser's insertion mode appropriately</a>.</p>
 
     <p class=note>The parser will reference the <var title="">context</var>
@@ -58266,7 +58555,7 @@
 
   <pre
    class=idl>[XXX] interface <a href="#htmlbodyelement">HTMLBodyElement</a> {
-           attribute DOMString <a href="#text4" title=dom-body-text>text</a>;
+           attribute DOMString <a href="#text5" title=dom-body-text>text</a>;
            attribute DOMString <a href="#bgcolor0" title=dom-body-bgColor>bgColor</a>;
            attribute DOMString <a href="#background0" title=dom-body-background>background</a>;
            attribute DOMString <a href="#link0" title=dom-body-link>link</a>;
@@ -58274,7 +58563,7 @@
            attribute DOMString <a href="#alink" title=dom-body-aLink>aLink</a>;
 };</pre>
 
-  <p>The <dfn id=text4 title=dom-body-text><code>text</code></dfn> DOM
+  <p>The <dfn id=text5 title=dom-body-text><code>text</code></dfn> DOM
    attribute of the <code><a href="#body0">body</a></code> element must <a
    href="#reflect">reflect</a> the element's <code
    title=attr-body-text>text</code> content attribute.

Modified: source
===================================================================
--- source	2008-09-16 21:00:47 UTC (rev 2194)
+++ source	2008-09-16 21:16:05 UTC (rev 2195)
@@ -24453,6 +24453,9 @@
      <td> A button
   </table>
 
+  <p>The <i>missing value default</i> is the <span
+  title="attr-input-type-text">Text</span> state.</p>
+
   <p>The <code title="attr-fae-form">form</code> attribute is used to
   explicitly associate the <code>input</code> element with its
   <span>form owner</span>. The <code title="attr-fe-name">name</code>
@@ -24471,20 +24474,222 @@
   on the state of the <code title="attr-input-type">type</code>
   attribute, and are defined in the sections below.</p>
 
+
+
+  <h5><dfn title="attr-input-type-text">Text</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute is absent, has the value <code title="attr-input-type-text-keyword">text</code>,
+  or has an invalid value, the element is in the <span
+  title="attr-input-type-text">Text</span> state.</p>
+
   <p class="big-issue">...</p>
 
-  <p class="big-issue">... <dfn title="concept-input-checked">checked</dfn></p>
 
+
+  <h5><dfn title="attr-input-type-password">Password</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-password-keyword">password</code>,
+  the element is in the <span title="attr-input-type-password">Password</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-image">Image Button</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-image-keyword">image</code>,
+  the element is in the <span title="attr-input-type-image">Image Button</span> state.</p>
+
+  <p class="big-issue">...</p>
+
   <p class="big-issue">... image: <dfn title="concept-input-type-image-coordinate">selected coordinate</dfn></p>
 
+
+
+  <h5><dfn title="attr-input-type-datetime">Date and Time</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-datetime-keyword">datetime</code>,
+  the element is in the <span title="attr-input-type-datetime">Date and Time</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-datetime-local">Local Date and Time</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-datetime-local-keyword">datetime-local</code>,
+  the element is in the <span title="attr-input-type-datetime-local">Local Date and Time</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-date">Date</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-date-keyword">date</code>,
+  the element is in the <span title="attr-input-type-date">Date</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-month">Month</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-month-keyword">month</code>,
+  the element is in the <span title="attr-input-type-month">Month</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-week">Week</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-week-keyword">week</code>,
+  the element is in the <span title="attr-input-type-week">Week</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-time">Time</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-time-keyword">time</code>,
+  the element is in the <span title="attr-input-type-time">Time</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-number">Number</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-number-keyword">number</code>,
+  the element is in the <span title="attr-input-type-number">Number</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-range">Range</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-range-keyword">range</code>,
+  the element is in the <span title="attr-input-type-range">Range</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-email">E-mail</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-email-keyword">email</code>,
+  the element is in the <span title="attr-input-type-email">E-mail</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-url">URL</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-url-keyword">url</code>,
+  the element is in the <span title="attr-input-type-url">URL</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-checkbox">Checkbox</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-checkbox-keyword">checkbox</code>,
+  the element is in the <span title="attr-input-type-checkbox">Checkbox</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+  <p class="big-issue">... <dfn title="concept-input-checked-checkbox">checked</dfn></p>
+
+
+
+  <h5><dfn title="attr-input-type-radio">Radio Button</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-radio-keyword">radio</code>,
+  the element is in the <span title="attr-input-type-radio">Radio Button</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+  <p class="big-issue">... <dfn title="concept-input-checked-radio">checked</dfn></p>
+
+
+
+  <h5><dfn title="attr-input-type-file">File</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-file-keyword">file</code>,
+  the element is in the <span title="attr-input-type-file">File</span> state.</p>
+
+  <p class="big-issue">...</p>
+
   <p class="big-issue">... <dfn title="concept-input-type-file-selected">selected file</dfn></p>
 
+
+
+  <h5><dfn title="attr-input-type-hidden">Hidden</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-hidden-keyword">hidden</code>,
+  the element is in the <span title="attr-input-type-hidden">Hidden</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-submit">Submit Button</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-submit-keyword">submit</code>,
+  the element is in the <span title="attr-input-type-submit">Submit Button</span> state.</p>
+
+  <p class="big-issue">...</p>
+
 <!--XXX
 rel="" on submit buttons?
 -->
 
 
 
+  <h5><dfn title="attr-input-type-reset">Reset Button</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-reset-keyword">reset</code>,
+  the element is in the <span title="attr-input-type-reset">Reset Button</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+  <h5><dfn title="attr-input-type-button">Button</dfn> State</h5>
+
+  <p>When an <code>input</code> element's <code title="attr-input-type">type</code>
+  attribute has the value <code title="attr-input-type-button-keyword">button</code>,
+  the element is in the <span title="attr-input-type-button">Button</span> state.</p>
+
+  <p class="big-issue">...</p>
+
+
+
+
   <h4>The <dfn><code>button</code></dfn> element</h4>
 
   <dl class="element">
@@ -25204,14 +25409,14 @@
        title="attr-input-type">type</code> attribute is in the <span
        title="attr-input-type-checkbox-state">Checkbox</span> state
        and the control is not <span
-       title="concept-input-checked">checked</span>.</li>
+       title="concept-input-checked-checkbox">checked</span>.</li>
 
        <li>The <var title="">field</var> element is an
        <code>input</code> element whose <code
        title="attr-input-type">type</code> attribute is in the <span
        title="attr-input-type-radio-state">Radio Button</span> state
        and the control is not <span
-       title="concept-input-checked">checked</span>.</li>
+       title="concept-input-checked-radio">checked</span>.</li>
 
        <li>The <var title="">field</var> element is an
        <code>input</code> element whose <code




More information about the Commit-Watchers mailing list