- From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 02 Oct 2008 03:10:18 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec In directory hutz:/tmp/cvs-serv20984 Modified Files: Overview.html Log Message: WF2: <input type=checkbox> and significant fallout therefrom. (whatwg r2257) Index: Overview.html =================================================================== RCS file: /sources/public/html5/spec/Overview.html,v retrieving revision 1.1429 retrieving revision 1.1430 diff -u -d -r1.1429 -r1.1430 --- Overview.html 1 Oct 2008 11:40:23 -0000 1.1429 +++ Overview.html 2 Oct 2008 03:10:16 -0000 1.1430 @@ -1,4 +1,4 @@ -<!DOCTYPE html><!-- when publishing, change bits marked ZZZ --><html lang=en-US-x-Hixie><head><title>HTML 5</title><style type=text/css> +<!DOCTYPE html><!-- when publishing, change bits marked ZZZ --><html lang=en-US-x-Hixie><title>HTML 5</title><style type=text/css> .note { color: green; background: transparent; } .example { font-style: italic; } .idl { color: black; background: silver; } @@ -8,7 +8,7 @@ <p><a href=http://www.w3.org/><img alt=W3C height=48 src=http://www.w3.org/Icons/w3c_home width=72></a></p> <h1>HTML 5</h1> <h2 class="no-num no-toc" id=a-vocabulary-and-associated-apis-for-html-and-xhtml>A vocabulary and associated APIs for HTML and XHTML</h2> - <h2 class="no-num no-toc" id=editor-s-draft-date-zzz-9-june-2008><!-- "W3C Working Draft" --> Editor's Draft <!--ZZZ-->1 October 2008</h2> + <h2 class="no-num no-toc" id=editor-s-draft-date-zzz-9-june-2008><!-- "W3C Working Draft" --> Editor's Draft <!--ZZZ-->2 October 2008</h2> <dl><!-- ZZZ: update the month/day <dt>This Version:</dt> <dd><a href="http://www.w3.org/TR/2008/WD-html5-20080609/">http://www.w3.org/TR/2008/WD-html5-20080609/</a></dd> @@ -100,7 +100,7 @@ specification's progress along the W3C Recommendation track. <!--ZZZ:--> - This specification is the 1 October 2008 <!--ZZZ "Working Draft"-->Editor's Draft. + This specification is the 2 October 2008 <!--ZZZ "Working Draft"-->Editor's Draft. <!--:ZZZ--> </p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- relationship to other work (required) --><p>This specification is also being produced by the <a href=http://www.whatwg.org/>WHATWG</a>. The two specifications are identical from the table of contents onwards.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- context and rationale (required) --><p>This specification is intended to replace (be a new version of) @@ -18523,7 +18523,7 @@ <dd><code title=attr-input-alt>alt</code></dd> <dd><code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code></dd> <dd><code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code></dd> - <dd><code title=attr-input-checked>checked</code></dd> + <dd><code title=attr-input-checked><a href=#attr-input-checked>checked</a></code></dd> <dd><code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code></dd> <dd><code title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code></dd> <dd><code title=attr-fae-form><a href=#attr-fae-form>form</a></code></dd> @@ -18677,7 +18677,7 @@ <td> <a href=#button-state 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=#text-state title=attr-input-type-text>Text</a> state.<p>Which of the <code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, <code title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code title=attr-input-alt>alt</code>, <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-checked>checked</code>, <code title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and <code title=attr-input-list>list</code>, <code title=attr-input-max><a href=#attr-input-max>max</a></code>, <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code title=attr-input-min><a href=#attr-input-min>min</a></code>, <code title=attr-input-pattern>pattern</code>, <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, <code title=attr-input-requied>required</code>, <code title=attr-input-size>size</code>, <code title=attr-input-src>src</code>, <code title=attr-input-step><a href=#attr-input-step>step</a></code>, and <code title=attr-fs-target><a href=#attr-fs-target>target</a></code> attributes apply to an + </table><p>The <i>missing value default</i> is the <a href=#text-state title=attr-input-type-text>Text</a> state.<p>Which of the <code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, <code title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code title=attr-input-alt>alt</code>, <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, <code title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and <code title=attr-input-list>list</code>, <code title=attr-input-max><a href=#attr-input-max>max</a></code>, <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code title=attr-input-min><a href=#attr-input-min>min</a></code>, <code title=attr-input-pattern>pattern</code>, <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></cod>, <code title=attr-input-required>required</code>, <code title=attr-input-size>size</code>, <code title=attr-input-src>src</code>, <code title=attr-input-step><a href=#attr-input-step>step</a></code>, and <code title=attr-fs-target><a href=#attr-fs-target>target</a></code> attributes apply to an <code><a href=#the-input-element>input</a></code> element depends on the state of its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute. Similarly, the <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes, and the <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> and <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods, are @@ -18794,7 +18794,7 @@ <td class=no> · <!-- Reset Button --> <td class=no> · <!-- Button --> - <tr><th> <code title=attr-input-checked>checked</code> + <tr><th> <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code> <td class=no> · <!-- Text --> <td class=no> · <!-- E-mail --> <td class=no> · <!-- URL --> @@ -19146,6 +19146,28 @@ <td class=no> · <!-- Reset Button --> <td class=no> · <!-- Button --> + <tr><th> <code title=dom-input-value><a href=#dom-input-value>value</a></code> + <td class=yes> Yes <!-- Text --> + <td class=yes> Yes <!-- E-mail --> + <td class=yes> Yes <!-- URL --> + <td class=yes> Yes <!-- Password --> + <td class=yes> Yes <!-- Date and Time --> + <td class=yes> Yes <!-- Date --> + <td class=yes> Yes <!-- Month --> + <td class=yes> Yes <!-- Week --> + <td class=yes> Yes <!-- Time --> + <td class=yes> Yes <!-- Local Date and Time --> + <td class=yes> Yes <!-- Number --> + <td class=yes> Yes <!-- Range --> + <td class=no> · <!-- Checkbox --> + <td class=no> · <!-- Radio Button --> + <td class=no> · <!-- File --> + <td class=no> · <!-- Hidden --> + <td class=no> · <!-- Submit Button --> + <td class=no> · <!-- Image Button --> + <td class=no> · <!-- Reset Button --> + <td class=no> · <!-- Button --> + <tr><th> <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> <td class=no> · <!-- Text --> <td class=no> · <!-- E-mail --> @@ -19272,34 +19294,52 @@ <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>.<p>Each <code><a href=#the-input-element>input</a></code> element has a boolean <dfn id=concept-input-mutability title=concept-input-mutability>mutability flag</dfn>. When it is + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>.<p>Each <code><a href=#the-input-element>input</a></code> element has a boolean <dfn id=concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value flag</dfn>. When + it is true, the element is said to have a <dfn id=concept-input-value-dirty title=concept-input-value-dirty><i>dirty value</i></dfn>. The + <a href=#concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value flag</a> + must be initially set to false when the element is created, and must + be set to true whenever the user interacts with the control in a way + that changes the <a href=#concept-fe-value title=concept-fe-value>value</a>.<p>The <dfn id=attr-input-value title=attr-input-value><code>value</code></dfn> + content attribute gives the default <a href=#concept-fe-value title=concept-fe-value>value</a> of the <code><a href=#the-input-element>input</a></code> + element. When the <code title=attr-input-value><a href=#attr-input-value>value</a></code> + content attribute is added, set, or removed, if the control does not + have a <i title=concept-input-value-dirty><a href=#concept-input-value-dirty>dirty value</a></i>, the + user agent must set the <a href=#concept-fe-value title=concept-fe-value>value</a> + of the element to the value of the <code title=attr-input-value><a href=#attr-input-value>value</a></code> content attribute, if there is + one, or the empty string otherwise, and run the <a href=#value-sanitization-algorithm>value + sanitization algorithm</a>.<p>Each <code><a href=#the-input-element>input</a></code> element has a <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a>, which is exposed by + the <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code> DOM + attribute.<p>Each <code><a href=#the-input-element>input</a></code> element has a boolean <dfn id=concept-input-checked-dirty-flag title=concept-input-checked-dirty-flag>dirty checkedness + flag</dfn>. When it is true, the element is said to have a <dfn id=concept-input-checked-dirty title=concept-input-checked-dirty><i>dirty + checkedness</i></dfn>. The <a href=#concept-input-checked-dirty-flag title=concept-input-checked-dirty-flag>dirty checkedness + flag</a> must be initially set to false when the element is + created, and must be set to true whenever the user interacts with + the control in a way that changes the <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a>.<p>The <dfn id=attr-input-checked title=attr-input-checked><code>checked</code></dfn> + content attribute gives the default <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> of the + <code><a href=#the-input-element>input</a></code> element. When the <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code> content attribute is + added, if the control does not have <i title=concept-input-value-dirty><a href=#concept-input-value-dirty>dirty checkedness</a></i>, the user + agent must set the <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> of the element to + true; when the <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code> + content attribute is removed, if the control does not have <i title=concept-input-value-dirty><a href=#concept-input-value-dirty>dirty checkedness</a></i>, the user + agent must set the <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> of the element to + false.<p>The <a href=#concept-form-reset-control title=concept-form-reset-control>reset + algorithm</a> for <code><a href=#the-input-element>input</a></code> elements is to set the <a href=#concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value flag</a> and + <a href=#concept-input-checked-dirty-flag title=concept-input-checked-dirty-flag>dirty checkedness + flag</a> back to false, set the <a href=#concept-fe-value title=concept-fe-value>value</a> of the element to the value of + the <code title=attr-input-value><a href=#attr-input-value>value</a></code> content attribute, + if there is one, or the empty string otherwise, set the <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> of the element to true + if the element has a <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code> + content attribute and false if it does not, and then invoke the + <a href=#value-sanitization-algorithm>value sanitization algorithm</a> defined for the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute's current state.<p>Each <code><a href=#the-input-element>input</a></code> element has a boolean <dfn id=concept-input-mutability title=concept-input-mutability>mutability flag</dfn>. When it is true, the element is said to be <dfn id=concept-input-mutable title=concept-input-mutable><i>mutable</i></dfn>, and when it is false the element is <dfn id=concept-input-immutable title=concept-input-immutable><i>immutable</i></dfn>. Unless - otherwise specified, an <code><a href=#the-input-element>input</a></code> element is always <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>. When an - <code><a href=#the-input-element>input</a></code> element is <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i>, the user agent should - not allow the user to modify the <a href=#concept-fe-value title=concept-fe-value>value</a>.<p>When an <code><a href=#the-input-element>input</a></code> element is <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, it is <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i>.<p>When an <code><a href=#the-input-element>input</a></code> element does not have a + otherwise specified, an <code><a href=#the-input-element>input</a></code> element is always <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>. Unless otherwise + specified, the user agent should not allow the user to modify the + element's <a href=#concept-fe-value title=concept-fe-value>value</a> or <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a>.<p>When an <code><a href=#the-input-element>input</a></code> element is <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, it is <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i>.<p>When an <code><a href=#the-input-element>input</a></code> element does not have a <code>Document</code> node as one of its ancestors (i.e. when it is not in the document), it is <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i>.</p><!-- XXX how does - this affect shadow trees in XBL2? --><p class=note>The <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute can also make - an <code><a href=#the-input-element>input</a></code> element <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i>.<p>Each <code><a href=#the-input-element>input</a></code> element has a boolean <dfn id=concept-input-dirty-flag title=concept-input-dirty-flag>dirty flag</dfn>. When it is true, - the element is said to be <dfn id=concept-input-dirty title=concept-input-dirty><i>dirty</i></dfn>.<p>The <a href=#concept-input-dirty-flag title=concept-input-dirty-flag>dirty flag</a> must - be initially set to false (not <i title=concept-input-dirty><a href=#concept-input-dirty>dirty</a></i>) when the element is created, - and must be set to true (<i title=concept-input-dirty><a href=#concept-input-dirty>dirty</a></i>) - whenever the user interacts with the control in a way that changes - the <a href=#concept-fe-value title=concept-fe-value>value</a>.<p>The <dfn id=attr-input-value title=attr-input-value><code>value</code></dfn> - content attribute gives the default <a href=#concept-fe-value title=concept-fe-value>value</a> of the <code><a href=#the-input-element>input</a></code> - element. When the <code title=attr-input-value><a href=#attr-input-value>value</a></code> - content attribute is added, set, or removed, if the control is not - <i title=concept-input-dirty><a href=#concept-input-dirty>dirty</a></i>, the user agent must set - the <a href=#concept-fe-value title=concept-fe-value>value</a> of the element to - the value of the <code title=attr-input-value><a href=#attr-input-value>value</a></code> content - attribute, if there is one, or the empty string otherwise, and run - the <a href=#value-sanitization-algorithm>value sanitization algorithm</a>.<p>The <a href=#concept-form-reset-control title=concept-form-reset-control>reset - algorithm</a> for <code><a href=#the-input-element>input</a></code> elements is to set the <a href=#concept-input-dirty-flag title=concept-input-dirty-flag>dirty flag</a> back to false - (not <i title=concept-input-dirty><a href=#concept-input-dirty>dirty</a></i>), set the <a href=#concept-fe-value title=concept-fe-value>value</a> of the element to the value of - the <code title=attr-input-value><a href=#attr-input-value>value</a></code> content attribute, - if there is one, or the empty string otherwise, and then invoke the - <a href=#value-sanitization-algorithm>value sanitization algorithm</a> defined for the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute's current state.<p>The <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> attribute is used to + this affect shadow trees in XBL2? --><p class=note>The <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute can also in + some cases make an <code><a href=#the-input-element>input</a></code> element <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i>.<p>The <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> attribute is used to explicitly associate the <code><a href=#the-input-element>input</a></code> element with its <a href=#form-owner>form owner</a>. The <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute represents the element's name. The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute is used to make @@ -19311,7 +19351,7 @@ <dfn id=dom-input-readonly title=dom-input-readOnly><code>readOnly</code></dfn> DOM attribute must <a href=#reflect>reflect</a> the <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> content attribute. The <dfn id=dom-input-defaultchecked title=dom-input-defaultChecked><code>defaultChecked</code></dfn> - DOM attribute must <a href=#reflect>reflect</a> the <code title=attr-input-checked>checked</code> content attribute. The + DOM attribute must <a href=#reflect>reflect</a> the <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code> content attribute. The <dfn id=dom-input-defaultvalue title=dom-input-defaultValue><code>defaultValue</code></dfn> DOM attribute must <a href=#reflect>reflect</a> the <code title=attr-input-value><a href=#attr-input-value>value</a></code> content attribute.<p>The <code title=dom-cva-willValidate><a href=#dom-cva-willvalidate>willValidate</a></code>, <code title=dom-cva-validity><a href=#dom-cva-validity>validity</a></code>, and <code title=dom-cva-validationMessage><a href=#dom-cva-validationmessage>validationMessage</a></code> @@ -19328,7 +19368,7 @@ FEED (LF) or U+000D CARRIAGE RETURN (CR) characters into the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.<p><strong>The <a href=#value-sanitization-algorithm>value sanitization algorithm</a> is as follows:</strong> <a href=#strip-line-breaks-from-the-value>Strip line breaks from the value</a>.<p>The following common <code><a href=#the-input-element>input</a></code> element content - attributes, DOM attributes, and methods apply to the element: + attributes and DOM attributes apply to the element: <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-list>list</code>, <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, @@ -19336,28 +19376,29 @@ <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, <code title=attr-input-required>required</code>, and <code title=attr-input-size>size</code> content attributes; - <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes. + <code title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, and + <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attributes. <p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The following DOM attributes and methods do not apply to the + <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes and methods do not apply to the element: <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, - <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, + <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and + <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>.<h6 id=e-mail-state><span class=secno>4.10.4.1.2 </span><dfn title=attr-input-type-email>E-mail</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the rules in this + <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<h6 id=e-mail-state><span class=secno>4.10.4.1.2 </span><dfn title=attr-input-type-email>E-mail</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for editing a single e-mail address given in the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.<p>If the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>, the user should allow the user to change the e-mail address @@ -19372,7 +19413,7 @@ the <code>FWS</code> subtoken everywhere except in the <code>quoted-string</code> subtoken, the element is <a href=#suffering-from-a-type-mismatch>suffering from a type mismatch</a>. <a href=#references>[RFC2822]</a><p>The following common <code><a href=#the-input-element>input</a></code> element content - attributes, DOM attributes, and methods apply to the element: + attributes and DOM attributes apply to the element: <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-list>list</code>, <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, @@ -19380,28 +19421,29 @@ <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, <code title=attr-input-required>required</code>, and <code title=attr-input-size>size</code> content attributes; - <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes. + <code title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, and + <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attributes. <p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The following DOM attributes and methods do not apply to the + <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes and methods do not apply to the element: <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, - <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, + <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and + <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes; <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>.<h6 id=url-state><span class=secno>4.10.4.1.3 </span><dfn title=attr-input-type-url>URL</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#url-state title=attr-input-type-url>URL</a> state, the rules in this + <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<h6 id=url-state><span class=secno>4.10.4.1.3 </span><dfn title=attr-input-type-url>URL</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#url-state title=attr-input-type-url>URL</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for editing a single <a href=#url>URL</a> given in the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.<p>If the is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>, the user should allow the user to change the URL represented by its <a href=#concept-fe-value title=concept-fe-value>value</a>. User agents may allow the @@ -19413,7 +19455,7 @@ follows:</strong> <a href=#strip-line-breaks-from-the-value>Strip line breaks from the value</a>.<p><strong>Constraint validation:</strong> While the <a href=#concept-fe-value title=concept-fe-value>value</a> of the element is not a <a href=#valid-url>valid URL</a>, the element is <a href=#suffering-from-a-type-mismatch>suffering from a type mismatch</a>.<p>The following common <code><a href=#the-input-element>input</a></code> element content - attributes, DOM attributes, and methods apply to the element: + attributes and DOM attributes apply to the element: <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-list>list</code>, <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, @@ -19421,28 +19463,29 @@ <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, <code title=attr-input-required>required</code>, and <code title=attr-input-size>size</code> content attributes; - <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes. + <code title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, and + <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attributes. <p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The following DOM attributes and methods do not apply to the + <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes and methods do not apply to the element: <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, - <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, + <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and + <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes; <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>.<h6 id=password-state><span class=secno>4.10.4.1.4 </span><dfn title=attr-input-type-password>Password</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#password-state title=attr-input-type-password>Password</a> state, the rules in + <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<h6 id=password-state><span class=secno>4.10.4.1.4 </span><dfn title=attr-input-type-password>Password</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#password-state title=attr-input-type-password>Password</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a one line plain text edit control for the element's <a href=#concept-fe-value title=concept-fe-value>value</a>. The user agent should obscure the value so that people other than the user cannot see it.<p>If the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>, @@ -19450,36 +19493,35 @@ by the user. User agents must not allow users to insert U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR) characters into the <a href=#concept-fe-value title=concept-fe-value>value</a>.<p><strong>The <a href=#value-sanitization-algorithm>value sanitization algorithm</a> is as follows:</strong> <a href=#strip-line-breaks-from-the-value>Strip line breaks from the value</a>.<p>The following common <code><a href=#the-input-element>input</a></code> element content - attributes apply to the element: + attributes and DOM attributes apply to the element: <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code title=attr-input-pattern>pattern</code>, <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, <code title=attr-input-required>required</code>, and - <code title=attr-input-size>size</code>. - - <p>The following content attributes must not be specified and do not + <code title=attr-input-size>size</code> content attributes; + <code title=attr-input-value><a href=#attr-input-value>value</a></code> DOM attribute.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-list>list</code>, <code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The following DOM attributes and methods do not apply to the + <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes and methods do not apply to the element: <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, <code class=no-backref title=dom-input-list><a href=#dom-input-list>list</a></code>, <code class=no-backref title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, - <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, + <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and + <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes; <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>.<h6 id=date-and-time-state><span class=secno>4.10.4.1.5 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state, the + <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<h6 id=date-and-time-state><span class=secno>4.10.4.1.5 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a specific <a href=#concept-datetime title=concept-datetime>UTC @@ -19537,23 +19579,24 @@ <code title=attr-input-required>required</code>, and <code title=attr-input-step><a href=#attr-input-step>step</a></code> content attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code title=dom-input-value><a href=#dom-input-value>value</a></code>, <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes; <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> DOM attributes.<p>The following content attributes must not be specified and do not + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-pattern>pattern</code>, <code class=no-backref title=attr-input-size>size</code>, - <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The + <code class=no-backref title=attr-input-src>src</code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code> DOM attribute does not apply to the element.<h6 id=date-state><span class=secno>4.10.4.1.6 </span><dfn title=attr-input-type-date>Date</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-state title=attr-input-type-date>Date</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting @@ -19613,23 +19656,24 @@ <code title=attr-input-required>required</code>, and <code title=attr-input-step><a href=#attr-input-step>step</a></code> content attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code title=dom-input-value><a href=#dom-input-value>value</a></code>, <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes; <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> DOM attributes.<p>The following content attributes must not be specified and do not + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-pattern>pattern</code>, <code class=no-backref title=attr-input-size>size</code>, - <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The + <code class=no-backref title=attr-input-src>src</code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code> DOM attribute does not apply to the element.<h6 id=month-state><span class=secno>4.10.4.1.7 </span><dfn title=attr-input-type-month>Month</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#month-state title=attr-input-type-month>Month</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting @@ -19687,23 +19731,24 @@ <code title=attr-input-required>required</code>, and <code title=attr-input-step><a href=#attr-input-step>step</a></code> content attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code title=dom-input-value><a href=#dom-input-value>value</a></code>, <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes; <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> DOM attributes.<p>The following content attributes must not be specified and do not + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-pattern>pattern</code>, <code class=no-backref title=attr-input-size>size</code>, - <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The + <code class=no-backref title=attr-input-src>src</code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code> DOM attribute does not apply to the element.<h6 id=week-state><span class=secno>4.10.4.1.8 </span><dfn title=attr-input-type-week>Week</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#week-state title=attr-input-type-week>Week</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting @@ -19763,23 +19808,24 @@ <code title=attr-input-required>required</code>, and <code title=attr-input-step><a href=#attr-input-step>step</a></code> content attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code title=dom-input-value><a href=#dom-input-value>value</a></code>, <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes; <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> DOM attributes.<p>The following content attributes must not be specified and do not + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-pattern>pattern</code>, <code class=no-backref title=attr-input-size>size</code>, - <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The + <code class=no-backref title=attr-input-src>src</code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code> DOM attribute does not apply to the element.<h6 id=time-state><span class=secno>4.10.4.1.9 </span><dfn title=attr-input-type-time>Time</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#time-state title=attr-input-type-time>Time</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting @@ -19833,23 +19879,24 @@ <code title=attr-input-required>required</code>, and <code title=attr-input-step><a href=#attr-input-step>step</a></code> content attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code title=dom-input-value><a href=#dom-input-value>value</a></code>, <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, - <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes; <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> DOM attributes.<p>The following content attributes must not be specified and do not + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-pattern>pattern</code>, <code class=no-backref title=attr-input-size>size</code>, - <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The + <code class=no-backref title=attr-input-src>src</code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code> DOM attribute does not apply to the element.<h6 id=local-date-and-time-state><span class=secno>4.10.4.1.10 </span><dfn title=attr-input-type-datetime-local>Local Date and Time</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting @@ -19900,22 +19947,23 @@ <code title=attr-input-required>required</code>, and <code title=attr-input-step><a href=#attr-input-step>step</a></code> content attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code>, - <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code title=dom-input-value><a href=#dom-input-value>value</a></code>, + <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes; <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> DOM attributes.<p>The following content attributes must not be specified and do not + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-pattern>pattern</code>, <code class=no-backref title=attr-input-size>size</code>, - <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The following DOM attributes do not apply to the element: + <code class=no-backref title=attr-input-src>src</code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes do not apply to the element: <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code> and <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>.<h6 id=number-state><span class=secno>4.10.4.1.11 </span><dfn title=attr-input-type-number>Number</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#number-state title=attr-input-type-number>Number</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting @@ -19960,22 +20008,23 @@ <code title=attr-input-required>required</code>, and <code title=attr-input-step><a href=#attr-input-step>step</a></code> content attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code>, - <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code title=dom-input-value><a href=#dom-input-value>value</a></code>, + <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes; <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> DOM attributes.<p>The following content attributes must not be specified and do not + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code class=no-backref title=attr-input-pattern>pattern</code>, <code class=no-backref title=attr-input-size>size</code>, - <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The following DOM attributes do not apply to the element: + <code class=no-backref title=attr-input-src>src</code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes do not apply to the element: <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code> and <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>.<h6 id=range-state><span class=secno>4.10.4.1.12 </span><dfn title=attr-input-type-range>Range</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#range-state title=attr-input-type-range>Range</a> state, the rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting @@ -20040,26 +20089,61 @@ <code title=attr-input-required>required</code>, and <code title=attr-input-step><a href=#attr-input-step>step</a></code> content attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code>, - <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, - <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code title=dom-input-value><a href=#dom-input-value>value</a></code>, + <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and + <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes; <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and - <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> DOM attributes.<p>The following content attributes must not be specified and do not + <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.<p>The following content attributes must not be specified and do not + apply to the element: + <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, + <code class=no-backref title=attr-input-alt>alt</code>, + <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, + <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, + <code class=no-backref title=attr-input-pattern>pattern</code>, + <code class=no-backref title=attr-input-size>size</code>, + <code class=no-backref title=attr-input-src>src</code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes do not apply to the element: + <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code> and + <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>.<h6 id=checkbox-state><span class=secno>4.10.4.1.13 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, the rules in + this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a two-state control + that represents the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state. If the + element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state + is true, the control represents a positive selection, and if it is + false, a negative selection.<p>If the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>, + the user should allow the user to toggle the <span title=concept-input-checked>checkedness</span> state.<p><strong>The <a href=#value-sanitization-algorithm>value sanitization algorithm</a> is as + follows:</strong> Do nothing.<p>The following common <code><a href=#the-input-element>input</a></code> element content + attributes and DOM attributes apply to the element: + <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, + <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, and + <code title=attr-input-required>required</code> content attributes; + <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code> DOM attribute.<p>The following content attributes must not be specified and do not apply to the element: <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, + <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code class=no-backref title=attr-input-alt>alt</code>, - <code class=no-backref title=attr-input-checked>checked</code>, + <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, + <code class=no-backref title=attr-input-list>list</code>, + <code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, + <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, + <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code class=no-backref title=attr-input-pattern>pattern</code>, + <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, <code class=no-backref title=attr-input-size>size</code>, <code class=no-backref title=attr-input-src>src</code>, - <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>, - <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>, - <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and - <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>.<p>The following DOM attributes do not apply to the element: + <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, and + <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes and methods do not apply to the element: + <code class=no-backref title=dom-input-list><a href=#dom-input-list>list</a></code>, + <code class=no-backref title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>, + <code class=no-backref title=dom-input-value><a href=#dom-input-value>value</a></code>, <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code> and - <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>.<h6 id=checkbox-state><span class=secno>4.10.4.1.13 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, the rules in - this section apply.<p class=big-issue>...<p class=big-issue>... <dfn id=concept-input-checked-checkbox title=concept-input-checked-checkbox>checked</dfn><h6 id=radio-button-state><span class=secno>4.10.4.1.14 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, the rules - in this section apply.<p class=big-issue>...<p class=big-issue>... <dfn id=concept-input-checked-radio title=concept-input-checked-radio>checked</dfn><h6 id=file-state><span class=secno>4.10.4.1.15 </span><dfn title=attr-input-type-file>File</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#file-state title=attr-input-type-file>File</a> state, the rules in this + <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes; + <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and + <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.<h6 id=radio-button-state><span class=secno>4.10.4.1.14 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, the rules + in this section apply.<p class=big-issue>...<h6 id=file-state><span class=secno>4.10.4.1.15 </span><dfn title=attr-input-type-file>File</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#file-state title=attr-input-type-file>File</a> state, the rules in this section apply.<p class=big-issue>...<p>The <dfn id=attr-input-accept title=attr-input-accept><code>accept</code></dfn> attribute may be specified to provide user agents with a hint of what file types the server will be able to accept.<p>If specified, the attribute must consist of a <a href=#set-of-comma-separated-tokens>set of @@ -20162,9 +20246,8 @@ value of the element's <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute must be equal to or less than the element's <a href=#maximum-allowed-value-length>maximum allowed value length</a>.<p><strong>Constraint validation:</strong> If an <code><a href=#the-input-element>input</a></code> - element has a <a href=#maximum-allowed-value-length>maximum allowed value length</a>, and it is - not <a href=#concept-input-dirty title=concept-input-dirty>dirty</a>, and the - <a href=#codepoint-length>codepoint length</a> of the element's <a href=#concept-fe-value title=concept-fe-value>value</a> is greater than the element's + element has a <a href=#maximum-allowed-value-length>maximum allowed value length</a>, its <a href=#concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value flag</a> is + false, and the <a href=#codepoint-length>codepoint length</a> of the element's <a href=#concept-fe-value title=concept-fe-value>value</a> is greater than the element's <a href=#maximum-allowed-value-length>maximum allowed value length</a>, then the element is <a href=#suffering-from-being-too-long>suffering from being too long</a>.<p>User agents may prevent the user from setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a value whose <a href=#codepoint-length>codepoint length</a> is greater than the element's @@ -20249,11 +20332,21 @@ base</a> is not an integral multiple of the <a href=#concept-input-step title=concept-input-step>allowed value step</a>, the element is <a href=#suffering-from-a-step-mismatch>suffering from a step mismatch</a>.<h5 id=common-input-element-apis><span class=secno>4.10.4.3 </span>Common <code><a href=#the-input-element>input</a></code> element APIs</h5><h6 id=value-manipulation><span class=secno>4.10.4.3.1 </span>Value manipulation</h6><p>The <dfn id=dom-input-value title=dom-input-value><code>value</code></dfn> DOM attribute allows scripts to manipulate the <a href=#concept-fe-value title=concept-fe-value>value</a> of an <code><a href=#the-input-element>input</a></code> - element. On getting, it must return the current <a href=#concept-fe-value title=concept-fe-value>value</a> of the element. On setting, - it must set the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to the new value, and then - invoke the <a href=#value-sanitization-algorithm>value sanitization algorithm</a> defined for the - element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute's - current state.</p><hr><p>The <dfn id=dom-input-valueasdate title=dom-input-valueAsDate><code>valueAsDate</code></dfn> DOM + element. If the attribute applies, then on getting, it must return + the current <a href=#concept-fe-value title=concept-fe-value>value</a> of the + element; and on setting, it must set the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to the new value, set the + element's <a href=#concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value + flag</a> to true, and then invoke the <a href=#value-sanitization-algorithm>value sanitization + algorithm</a> defined for the element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute's current state. If + the attribute does not apply, then it must <a href=#reflect>reflect</a> the + element's <code title=attr-input-value><a href=#attr-input-value>value</a></code> content + attribute.<p>The <dfn id=dom-input-checked title=dom-input-checked><code>checked</code></dfn> DOM + attribute allows scripts to manipulate the <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> of an + <code><a href=#the-input-element>input</a></code> element. On getting, it must return the current + <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> of the element; + and on setting, it must set the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> to the new value and + set the element's <a href=#concept-input-checked-dirty-flag title=concept-input-checked-dirty-flag>dirty checkedness + flag</a> to true.</p><hr><p>The <dfn id=dom-input-valueasdate title=dom-input-valueAsDate><code>valueAsDate</code></dfn> DOM attribute represents the <a href=#concept-fe-value title=concept-fe-value>value</a> of the element, interpreted as a date.<p>On getting, if the <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code> attribute does not apply, as defined for the <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute's current state, then @@ -20333,7 +20426,7 @@ <li><p>Set the <a href=#concept-fe-value title=concept-fe-value>value</a> of the element to <var title="">value as string</var>.</li> - </ol><h6 id=others...><span class=secno>4.10.4.3.2 </span>Others...</h6><p class=big-issue>... <dfn id=dom-input-checked title=dom-input-checked><code>checked</code></dfn><p class=big-issue>... <dfn id=dom-input-list title=dom-input-list><code>list</code></dfn><p class=big-issue>... <dfn id=dom-input-selectedoption title=dom-input-selectedOption><code>selectedOption</code></dfn><h4 id=the-button-element><span class=secno>4.10.5 </span>The <dfn><code>button</code></dfn> element</h4><dl class=element><dt>Categories</dt> + </ol><h6 id=others...><span class=secno>4.10.4.3.2 </span>Others...</h6><p class=big-issue>... <dfn id=dom-input-list title=dom-input-list><code>list</code></dfn><p class=big-issue>... <dfn id=dom-input-selectedoption title=dom-input-selectedOption><code>selectedOption</code></dfn><h4 id=the-button-element><span class=secno>4.10.5 </span>The <dfn><code>button</code></dfn> element</h4><dl class=element><dt>Categories</dt> <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd> <dd><a href=#interactive-content-0>Interactive content</a>.</dd> <dd><a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, and <a href=#category-submit title=category-submit>submittable</a> <a href=#form-associated-element>form-associated element</a>.</dd> @@ -20670,7 +20763,7 @@ the empty string, then it is <a href=#barred-from-constraint-validation>barred from constraint validation</a>.<h5 id=enabling-and-disabling-form-controls><span class=secno>4.10.13.2 </span>Enabling and disabling form controls</h5><p class=big-issue>... <dfn id=concept-fe-disabled title=concept-fe-disabled>disabled</dfn></p><!-- XXX remember to check for a fieldset ancestor that has its disabled attribute set, and always be disabled if you find one --><p class=big-issue>... <dfn id=attr-fe-disabled title=attr-fe-disabled>disabled</dfn> content attribute<p class=big-issue>... <dfn id=dom-fe-disabled title=dom-fe-disabled>disabled</dfn> DOM attribute<p><strong>Constraint validation:</strong> If an element is <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, it is <a href=#barred-from-constraint-validation>barred from - constraint validation</a>.<h5 id=a-form-control-s-value><span class=secno>4.10.13.3 </span>A form control's value</h5><p class=big-issue>... <dfn id=concept-fe-value title=concept-fe-value>value</dfn></p><!-- XXX autocomplete: define somewhere that the value may be set from a stored value --><h5 id=autofocusing-a-form-control><span class=secno>4.10.13.4 </span>Autofocusing a form control</h5><p>The <dfn id=attr-fe-autofocus title=attr-fe-autofocus><code>autofocus</code></dfn> + constraint validation</a>.<h5 id=a-form-control-s-value><span class=secno>4.10.13.3 </span>A form control's value</h5><p class=big-issue>... <dfn id=concept-fe-value title=concept-fe-value>value</dfn><p class=big-issue>... <dfn id=concept-fe-checked title=concept-fe-checked>checkedness</dfn></p><!-- XXX autocomplete: define somewhere that the value may be set from a stored value --><h5 id=autofocusing-a-form-control><span class=secno>4.10.13.4 </span>Autofocusing a form control</h5><p>The <dfn id=attr-fe-autofocus title=attr-fe-autofocus><code>autofocus</code></dfn> content attribute allows the user to indicate that a control is to be focused as soon as the page is loaded, allowing the user to just start typing without having to manually focus the main control.<p>The <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> attribute is @@ -20836,12 +20929,14 @@ <li>The <var title="">field</var> element is a <a href=#concept-button title=concept-button>button</a> but it is not <var title="">submitter</var>.</li> <li>The <var title="">field</var> element is an - <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <span title=attr-input-type-checkbox-state>Checkbox</span> state - and the control is not <a href=#concept-input-checked-checkbox title=concept-input-checked-checkbox>checked</a>.</li> + <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state and + whose <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is + false.</li> <li>The <var title="">field</var> element is an - <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>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=#concept-input-checked-radio title=concept-input-checked-radio>checked</a>.</li> + <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state and + whose <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is + false.</li> <li>The <var title="">field</var> element is an <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <span title=attr-input-type-file-state>File Upload</span> state but @@ -20910,6 +21005,23 @@ in the <var title="">form data set</var> with the <var title="">name</var> as the name and the <a href=#concept-option-value title=concept-option-value>value</a> of the <code><a href=#the-option-element>option</a></code> element as the value.</li> + <li> + + <p>Otherwise, if the <var title="">field</var> element is an + <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state or the + <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, + then then run these further nested substeps:</p> + + <ol><li><p>If the <var title="">field</var> element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute specified, then + let <var title="">value</var> be the value of that attribute; + otherwise, let <var title="">value</var> be the string + "on".</li> + + <li><p>Append an entry in the <var title="">form data set</var> + with <var title="">name</var> as the name and <var title="">value</var> as the value.</li> + + </ol></li> + <li><p>Otherwise, if the <var title="">field</var> element is an <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <span title=attr-input-type-file-state>File Upload</span> state, then for each file <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected</a> in the @@ -22144,12 +22256,13 @@ <p>The <code title=dom-provider-getCellClasses><a href=#dom-provider-getcellclasses>getCellClasses()</a></code> method must add the <code title=datagrid-cell-class-checked><a href=#datagrid-cell-class-checked>checked</a></code> class if the - <code><a href=#the-input-element>input</a></code> element is <a href=#dom-input-checked title=dom-input-checked>checked</a>, and the <code title=datagrid-cell-class-unchecked><a href=#datagrid-cell-class-unchecked>unchecked</a></code> class + <code><a href=#the-input-element>input</a></code> element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is true, and the + <code title=datagrid-cell-class-unchecked><a href=#datagrid-cell-class-unchecked>unchecked</a></code> class otherwise.</p> <p>The <code title=dom-provider-setCellCheckedState><a href=#dom-provider-setcellcheckedstate>setCellCheckedState()</a></code> - method must set the <code><a href=#the-input-element>input</a></code> element's checkbox <a href=#dom-input-checked title=dom-input-checked>state</a> to checked if the method's - third argument is 1, and to unchecked otherwise.</p> + method must set the <code><a href=#the-input-element>input</a></code> element's checkbox <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> to true if the + method's third argument is 1, and to false otherwise.</p> <p>The <code title=dom-provider-cycleCell><a href=#dom-provider-cyclecell>cycleCell()</a></code> and <code title=dom-provider-editCell><a href=#dom-provider-editcell>editCell()</a></code> methods must @@ -23374,7 +23487,7 @@ State</a> of the command mirrors the <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a> state of the control.<p>The <a href=#command-facet-checkedstate title=command-facet-CheckedState>Checked State</a> of the command is true if the command is of <a href=#command-facet-type title=command-facet-Type>Type</a> "radio" or "checkbox" and the - element has a <code title=attr-input-checked>checked</code> + element is <a href=#concept-fe-checked title=concept-fe-checked>checked</a> attribute, and false otherwise.<p>The <a href=#command-facet-action title=command-facet-Action>Action</a> of the command is to <a href=#fire-a-click-event title="fire a click event">fire a <code title="">click</code> event</a> at the element.</p><!-- XXX this is probably wrong for radio and checkbox types, depending on how we
Received on Thursday, 2 October 2008 03:10:56 UTC