Permalink
Browse files

[] (0) WF2: <input type=checkbox> and significant fallout therefrom.

git-svn-id: http://svn.whatwg.org/webapps@2257 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent b09ae3b commit 92aee09c5c1bda739b92a637a27dd5ebf9f91700 @Hixie Hixie committed Oct 2, 2008
Showing with 628 additions and 351 deletions.
  1. +304 −177 index
  2. +324 −174 source
View
481 index
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang=en-US-x-hixie><head><title>HTML 5</title><link href=/style/specification rel=stylesheet><link href=/images/icon rel=icon><style type=text/css>
+<!DOCTYPE html><html lang=en-US-x-hixie><title>HTML 5</title><link href=/style/specification rel=stylesheet><link href=/images/icon rel=icon><style type=text/css>
h4 + .element { margin-top: -2.5em; padding-top: 2em; }
h4 + p + .element { margin-top: -5em; padding-top: 4em; }
.element { background: #EEFFEE; color: black; margin: 0 0 1em -1em; padding: 0 1em 0.25em 0.75em; border-left: solid #99FF99 0.25em; -padding: 0; /* that last decl is for IE6. Try removing it, it's hilarious! */ }
@@ -15,7 +15,7 @@
<div class=head>
<p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG src=/images/logo></a></p>
<h1>HTML 5</h1>
- <h2 class="no-num no-toc" id=draft-recommendation-&mdash;-date:-01-jan-1901>Draft Recommendation &mdash; 1 October 2008</h2>
+ <h2 class="no-num no-toc" id=draft-recommendation-&mdash;-date:-01-jan-1901>Draft Recommendation &mdash; 2 October 2008</h2>
<p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<dl><dt>Multiple-page version:</dt>
@@ -22868,7 +22868,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
@@ -23028,7 +23028,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
- <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-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
+ <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></code>, <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
@@ -23147,7 +23147,7 @@ function AddCloud(data, x, y) { ... }</pre>
<td class=no> &middot; <!-- Reset Button -->
<td class=no> &middot; <!-- 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> &middot; <!-- Text -->
<td class=no> &middot; <!-- E-mail -->
<td class=no> &middot; <!-- URL -->
@@ -23499,6 +23499,28 @@ function AddCloud(data, x, y) { ... }</pre>
<td class=no> &middot; <!-- Reset Button -->
<td class=no> &middot; <!-- 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> &middot; <!-- Checkbox -->
+ <td class=no> &middot; <!-- Radio Button -->
+ <td class=no> &middot; <!-- File -->
+ <td class=no> &middot; <!-- Hidden -->
+ <td class=no> &middot; <!-- Submit Button -->
+ <td class=no> &middot; <!-- Image Button -->
+ <td class=no> &middot; <!-- Reset Button -->
+ <td class=no> &middot; <!-- Button -->
+
<tr><th> <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>
<td class=no> &middot; <!-- Text -->
<td class=no> &middot; <!-- E-mail -->
@@ -23629,12 +23651,60 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <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>
+
+ <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>
+
+ <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>
+
+ <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>
+
+ <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>
+
+ <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>
+
<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>
+ 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>
<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>
@@ -23643,34 +23713,8 @@ function AddCloud(data, x, y) { ... }</pre>
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>
-
- <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>
-
- <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>
-
- <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>
-
- <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>
+ <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>
<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
@@ -23686,7 +23730,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
@@ -23724,38 +23768,39 @@ function AddCloud(data, x, y) { ... }</pre>
follows:</strong> <a href=#strip-line-breaks-from-the-value>Strip line breaks from the value</a>.</p>
<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>,
<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> 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>
+ <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>
<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>.</p>
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
@@ -23786,38 +23831,39 @@ function AddCloud(data, x, y) { ... }</pre>
from a type mismatch</a>. <a href=#refsRFC2822>[RFC2822]</a></p>
<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>,
<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> 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>
+ <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>
<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>.</p>
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
@@ -23845,38 +23891,39 @@ function AddCloud(data, x, y) { ... }</pre>
mismatch</a>.</p>
<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>,
<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> 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>
+ <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>
<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>.</p>
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
@@ -23898,38 +23945,39 @@ function AddCloud(data, x, y) { ... }</pre>
follows:</strong> <a href=#strip-line-breaks-from-the-value>Strip line breaks from the value</a>.</p>
<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>.
+ <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>
<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>
+ <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>
<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>.</p>
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
@@ -24015,25 +24063,26 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
<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>
+ <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>
<p>The
<code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>
@@ -24123,25 +24172,26 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
<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>
+ <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>
<p>The
<code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>
@@ -24231,25 +24281,26 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
<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>
+ <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>
<p>The
<code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>
@@ -24339,25 +24390,26 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
<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>
+ <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>
<p>The
<code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>
@@ -24441,25 +24493,26 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
<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>
+ <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>
<p>The
<code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>
@@ -24536,24 +24589,25 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
<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>
+ <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>
<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
@@ -24624,24 +24678,25 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
<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>
+ <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>
<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
@@ -24740,24 +24795,25 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
<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>
+ <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>
<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
@@ -24770,9 +24826,51 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
- <p class=big-issue>...</p>
+ <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>
- <p class=big-issue>... <dfn id=concept-input-checked-checkbox title=concept-input-checked-checkbox>checked</dfn></p>
+ <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>
+
+ <p><strong>The <a href=#value-sanitization-algorithm>value sanitization algorithm</a> is as
+ follows:</strong> Do nothing.</p>
+
+ <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>
+
+ <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-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-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>
+
+ <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-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.</p>
@@ -24783,8 +24881,6 @@ function AddCloud(data, x, y) { ... }</pre>
<p class=big-issue>...</p>
- <p class=big-issue>... <dfn id=concept-input-checked-radio title=concept-input-checked-radio>checked</dfn></p>
-
<h6 id=file-state><span class=secno>4.10.4.1.15 </span><dfn title=attr-input-type-file>File</dfn> state</h6>
@@ -25000,9 +25096,8 @@ rel="" on submit buttons?
allowed value length</a>.</p>
<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>
@@ -25143,11 +25238,23 @@ rel="" on submit buttons?
<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>
+ 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>
+
+ <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
@@ -25245,7 +25352,6 @@ rel="" on submit buttons?
</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>
<p class=big-issue>... <dfn id=dom-input-list title=dom-input-list><code>list</code></dfn></p>
<p class=big-issue>... <dfn id=dom-input-selectedoption title=dom-input-selectedOption><code>selectedOption</code></dfn></p>
@@ -25712,6 +25818,7 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
<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>
+ <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 -->
@@ -25972,12 +26079,14 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
<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
@@ -26046,6 +26155,23 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
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
@@ -27404,12 +27530,13 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<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
@@ -29008,7 +29135,7 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
<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>
<p>The <a href=#command-facet-action title=command-facet-Action>Action</a> of the
View
498 source
@@ -26084,6 +26084,29 @@ function AddCloud(data, x, y) { ... }</pre>
<td class="no"> &middot; <!-- Button -->
<tr>
+ <th> <code title="dom-input-value">value</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"> &middot; <!-- Checkbox -->
+ <td class="no"> &middot; <!-- Radio Button -->
+ <td class="no"> &middot; <!-- File -->
+ <td class="no"> &middot; <!-- Hidden -->
+ <td class="no"> &middot; <!-- Submit Button -->
+ <td class="no"> &middot; <!-- Image Button -->
+ <td class="no"> &middot; <!-- Reset Button -->
+ <td class="no"> &middot; <!-- Button -->
+
+ <tr>
<th> <code title="dom-input-valueAsNumber">valueAsNumber</code>
<td class="no"> &middot; <!-- Text -->
<td class="no"> &middot; <!-- E-mail -->
@@ -26228,17 +26251,83 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="dom-input-stepDown">stepDown()</code>.</p>
<p>Each <code>input</code> element has a boolean <dfn
+ title="concept-input-value-dirty-flag">dirty value flag</dfn>. When
+ it is true, the element is said to have a <dfn
+ title="concept-input-value-dirty"><i>dirty value</i></dfn>. The
+ <span title="concept-input-value-dirty-flag">dirty value flag</span>
+ 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 <span title="concept-fe-value">value</span>.</p>
+
+ <p>The <dfn title="attr-input-value"><code>value</code></dfn>
+ content attribute gives the default <span
+ title="concept-fe-value">value</span> of the <code>input</code>
+ element. When the <code title="attr-input-value">value</code>
+ content attribute is added, set, or removed, if the control does not
+ have a <i title="concept-input-value-dirty">dirty value</i>, the
+ user agent must set the <span title="concept-fe-value">value</span>
+ of the element to the value of the <code
+ title="attr-input-value">value</code> content attribute, if there is
+ one, or the empty string otherwise, and run the <span>value
+ sanitization algorithm</span>.</p>
+
+ <p>Each <code>input</code> element has a <span
+ title="concept-fe-checked">checkedness</span>, which is exposed by
+ the <code title="dom-input-checked">checked</code> DOM
+ attribute.</p>
+
+ <p>Each <code>input</code> element has a boolean <dfn
+ title="concept-input-checked-dirty-flag">dirty checkedness
+ flag</dfn>. When it is true, the element is said to have a <dfn
+ title="concept-input-checked-dirty"><i>dirty
+ checkedness</i></dfn>. The <span
+ title="concept-input-checked-dirty-flag">dirty checkedness
+ flag</span> 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 <span
+ title="concept-fe-checked">checkedness</span>.</p>
+
+ <p>The <dfn title="attr-input-checked"><code>checked</code></dfn>
+ content attribute gives the default <span
+ title="concept-fe-checked">checkedness</span> of the
+ <code>input</code> element. When the <code
+ title="attr-input-checked">checked</code> content attribute is
+ added, if the control does not have <i
+ title="concept-input-value-dirty">dirty checkedness</i>, the user
+ agent must set the <span
+ title="concept-fe-checked">checkedness</span> of the element to
+ true; when the <code title="attr-input-checked">checked</code>
+ content attribute is removed, if the control does not have <i
+ title="concept-input-value-dirty">dirty checkedness</i>, the user
+ agent must set the <span
+ title="concept-fe-checked">checkedness</span> of the element to
+ false.</p>
+
+ <p>The <span title="concept-form-reset-control">reset
+ algorithm</span> for <code>input</code> elements is to set the <span
+ title="concept-input-value-dirty-flag">dirty value flag</span> and
+ <span title="concept-input-checked-dirty-flag">dirty checkedness
+ flag</span> back to false, set the <span
+ title="concept-fe-value">value</span> of the element to the value of
+ the <code title="attr-input-value">value</code> content attribute,
+ if there is one, or the empty string otherwise, set the <span
+ title="concept-fe-checked">checkedness</span> of the element to true
+ if the element has a <code title="attr-input-checked">checked</code>
+ content attribute and false if it does not, and then invoke the
+ <span>value sanitization algorithm</span> defined for the <code
+ title="attr-input-type">type</code> attribute's current state.</p>
+
+ <p>Each <code>input</code> element has a boolean <dfn
title="concept-input-mutability">mutability flag</dfn>. When it is
true, the element is said to be <dfn
title="concept-input-mutable"><i>mutable</i></dfn>, and when it is
false the element is <dfn
title="concept-input-immutable"><i>immutable</i></dfn>. Unless
otherwise specified, an <code>input</code> element is always <i
- title="concept-input-mutable">mutable</i>. When an
- <code>input</code> element is <i
- title="concept-input-immutable">immutable</i>, the user agent should
- not allow the user to modify the <span
- title="concept-fe-value">value</span>.</p>
+ title="concept-input-mutable">mutable</i>. Unless otherwise
+ specified, the user agent should not allow the user to modify the
+ element's <span title="concept-fe-value">value</span> or <span
+ title="concept-fe-checked">checkedness</span>.</p>
<p>When an <code>input</code> element is <span
title="concept-fe-disabled">disabled</span>, it is <i
@@ -26251,43 +26340,10 @@ function AddCloud(data, x, y) { ... }</pre>
this affect shadow trees in XBL2? -->
<p class="note">The <code
- title="attr-input-readonly">readonly</code> attribute can also make
- an <code>input</code> element <i
+ title="attr-input-readonly">readonly</code> attribute can also in
+ some cases make an <code>input</code> element <i
title="concept-input-immutable">immutable</i>.</p>
- <p>Each <code>input</code> element has a boolean <dfn
- title="concept-input-dirty-flag">dirty flag</dfn>. When it is true,
- the element is said to be <dfn
- title="concept-input-dirty"><i>dirty</i></dfn>.</p>
-
- <p>The <span title="concept-input-dirty-flag">dirty flag</span> must
- be initially set to false (not <i
- title="concept-input-dirty">dirty</i>) when the element is created,
- and must be set to true (<i title="concept-input-dirty">dirty</i>)
- whenever the user interacts with the control in a way that changes
- the <span title="concept-fe-value">value</span>.</p>
-
- <p>The <dfn title="attr-input-value"><code>value</code></dfn>
- content attribute gives the default <span
- title="concept-fe-value">value</span> of the <code>input</code>
- element. When the <code title="attr-input-value">value</code>
- content attribute is added, set, or removed, if the control is not
- <i title="concept-input-dirty">dirty</i>, the user agent must set
- the <span title="concept-fe-value">value</span> of the element to
- the value of the <code title="attr-input-value">value</code> content
- attribute, if there is one, or the empty string otherwise, and run
- the <span>value sanitization algorithm</span>.</p>
-
- <p>The <span title="concept-form-reset-control">reset
- algorithm</span> for <code>input</code> elements is to set the <span
- title="concept-input-dirty-flag">dirty flag</span> back to false
- (not <i title="concept-input-dirty">dirty</i>), set the <span
- title="concept-fe-value">value</span> of the element to the value of
- the <code title="attr-input-value">value</code> content attribute,
- if there is one, or the empty string otherwise, and then invoke the
- <span>value sanitization algorithm</span> defined for the <code
- title="attr-input-type">type</code> attribute's current 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>
@@ -26362,38 +26418,39 @@ function AddCloud(data, x, y) { ... }</pre>
follows:</strong> <span>Strip line breaks from the value</span>.</p>
<p>The following common <code>input</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">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
<code title="attr-input-readonly">readonly</code>,
<code title="attr-input-required">required</code>, and
<code title="attr-input-size">size</code> content attributes;
- <code title="dom-input-list">list</code>, and
- <code title="dom-input-selectedOption">selectedOption</code> DOM attributes.
+ <code title="dom-input-list">list</code>,
+ <code title="dom-input-selectedOption">selectedOption</code>, and
+ <code title="dom-input-value">value</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">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-max">max</code>,
+ <code class="no-backref" title="attr-fs-method">method</code>,
<code class="no-backref" title="attr-input-min">min</code>,
<code class="no-backref" title="attr-input-src">src</code>,
- <code class="no-backref" title="attr-input-step">step</code>,
- <code class="no-backref" title="attr-fs-target">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-step">step</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The following DOM attributes and methods do not apply to the
element:
<code class="no-backref" title="dom-input-checked">checked</code>,
- <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>,
- <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code>,
+ <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>, and
+ <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code> DOM attributes
<code class="no-backref" title="dom-input-stepUp">stepUp()</code>, and
- <code class="no-backref" title="dom-input-stepDown">stepDown()</code>.</p>
+ <code class="no-backref" title="dom-input-stepDown">stepDown()</code> methods.</p>
@@ -26432,38 +26489,39 @@ function AddCloud(data, x, y) { ... }</pre>
href="#refsRFC2822">[RFC2822]</a></p>
<p>The following common <code>input</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">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
<code title="attr-input-readonly">readonly</code>,
<code title="attr-input-required">required</code>, and
<code title="attr-input-size">size</code> content attributes;
- <code title="dom-input-list">list</code>, and
- <code title="dom-input-selectedOption">selectedOption</code> DOM attributes.
+ <code title="dom-input-list">list</code>,
+ <code title="dom-input-selectedOption">selectedOption</code>, and
+ <code title="dom-input-value">value</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">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-max">max</code>,
+ <code class="no-backref" title="attr-fs-method">method</code>,
<code class="no-backref" title="attr-input-min">min</code>,
<code class="no-backref" title="attr-input-src">src</code>,
- <code class="no-backref" title="attr-input-step">step</code>,
- <code class="no-backref" title="attr-fs-target">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-step">step</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The following DOM attributes and methods do not apply to the
element:
<code class="no-backref" title="dom-input-checked">checked</code>,
- <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>,
- <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code>,
+ <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>, and
+ <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code> DOM attributes;
<code class="no-backref" title="dom-input-stepUp">stepUp()</code>, and
- <code class="no-backref" title="dom-input-stepDown">stepDown()</code>.</p>
+ <code class="no-backref" title="dom-input-stepDown">stepDown()</code> methods.</p>
@@ -26498,38 +26556,39 @@ function AddCloud(data, x, y) { ... }</pre>
mismatch</span>.</p>
<p>The following common <code>input</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">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
<code title="attr-input-readonly">readonly</code>,
<code title="attr-input-required">required</code>, and
<code title="attr-input-size">size</code> content attributes;
- <code title="dom-input-list">list</code>, and
- <code title="dom-input-selectedOption">selectedOption</code> DOM attributes.
+ <code title="dom-input-list">list</code>,
+ <code title="dom-input-selectedOption">selectedOption</code>, and
+ <code title="dom-input-value">value</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">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-max">max</code>,
+ <code class="no-backref" title="attr-fs-method">method</code>,
<code class="no-backref" title="attr-input-min">min</code>,
<code class="no-backref" title="attr-input-src">src</code>,
- <code class="no-backref" title="attr-input-step">step</code>,
- <code class="no-backref" title="attr-fs-target">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-step">step</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The following DOM attributes and methods do not apply to the
element:
<code class="no-backref" title="dom-input-checked">checked</code>,
- <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>,
- <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code>,
+ <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>, and
+ <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code> DOM attributes;
<code class="no-backref" title="dom-input-stepUp">stepUp()</code>, and
- <code class="no-backref" title="dom-input-stepDown">stepDown()</code>.</p>
+ <code class="no-backref" title="dom-input-stepDown">stepDown()</code> methods.</p>
@@ -26555,38 +26614,39 @@ function AddCloud(data, x, y) { ... }</pre>
follows:</strong> <span>Strip line breaks from the value</span>.</p>
<p>The following common <code>input</code> element content
- attributes apply to the element:
+ attributes and DOM attributes apply to the element:
<code title="attr-input-autocomplete">autocomplete</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
<code title="attr-input-readonly">readonly</code>,
<code title="attr-input-required">required</code>, and
- <code title="attr-input-size">size</code>.
+ <code title="attr-input-size">size</code> content attributes;
+ <code title="attr-input-value">value</code> DOM attribute.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
+ <code class="no-backref" title="attr-fs-method">method</code>,
<code class="no-backref" title="attr-input-min">min</code>,
<code class="no-backref" title="attr-input-src">src</code>,
- <code class="no-backref" title="attr-input-step">step</code>,
- <code class="no-backref" title="attr-fs-target">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-step">step</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The following DOM attributes and methods do not apply to the
element:
<code class="no-backref" title="dom-input-checked">checked</code>,
<code class="no-backref" title="dom-input-list">list</code>,
<code class="no-backref" title="dom-input-selectedOption">selectedOption</code>,
- <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>,
- <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code>,
+ <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>, and
+ <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code> DOM attributes;
<code class="no-backref" title="dom-input-stepUp">stepUp()</code>, and
- <code class="no-backref" title="dom-input-stepDown">stepDown()</code>.</p>
+ <code class="no-backref" title="dom-input-stepDown">stepDown()</code> methods.</p>
@@ -26693,25 +26753,26 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="attr-input-required">required</code>, and
<code title="attr-input-step">step</code> content attributes;
<code title="dom-input-list">list</code>,
+ <code title="dom-input-value">value</code>,
<code title="dom-input-valueAsDate">valueAsDate</code>,
- <code title="dom-input-valueAsNumber">valueAsNumber</code>,
- <code title="dom-input-selectedOption">selectedOption</code>,
+ <code title="dom-input-valueAsNumber">valueAsNumber</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes;
<code title="dom-input-stepUp">stepUp()</code>, and
- <code title="dom-input-stepDown">stepDown()</code> DOM attributes.</p>
+ <code title="dom-input-stepDown">stepDown()</code> methods.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
+ <code class="no-backref" title="attr-fs-action">action</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
+ <code class="no-backref" title="attr-fs-enctype">enctype</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</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">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-src">src</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The
<code class="no-backref" title="dom-input-checked">checked</code>
@@ -26818,25 +26879,26 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="attr-input-required">required</code>, and
<code title="attr-input-step">step</code> content attributes;
<code title="dom-input-list">list</code>,
+ <code title="dom-input-value">value</code>,
<code title="dom-input-valueAsDate">valueAsDate</code>,
- <code title="dom-input-valueAsNumber">valueAsNumber</code>,
- <code title="dom-input-selectedOption">selectedOption</code>,
+ <code title="dom-input-valueAsNumber">valueAsNumber</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes;
<code title="dom-input-stepUp">stepUp()</code>, and
- <code title="dom-input-stepDown">stepDown()</code> DOM attributes.</p>
+ <code title="dom-input-stepDown">stepDown()</code> methods.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</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">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-src">src</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The
<code class="no-backref" title="dom-input-checked">checked</code>
@@ -26945,25 +27007,26 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="attr-input-required">required</code>, and
<code title="attr-input-step">step</code> content attributes;
<code title="dom-input-list">list</code>,
+ <code title="dom-input-value">value</code>,
<code title="dom-input-valueAsDate">valueAsDate</code>,
- <code title="dom-input-valueAsNumber">valueAsNumber</code>,
- <code title="dom-input-selectedOption">selectedOption</code>,
+ <code title="dom-input-valueAsNumber">valueAsNumber</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes;
<code title="dom-input-stepUp">stepUp()</code>, and
- <code title="dom-input-stepDown">stepDown()</code> DOM attributes.</p>
+ <code title="dom-input-stepDown">stepDown()</code> methods.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</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">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-src">src</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The
<code class="no-backref" title="dom-input-checked">checked</code>
@@ -27071,25 +27134,26 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="attr-input-required">required</code>, and
<code title="attr-input-step">step</code> content attributes;
<code title="dom-input-list">list</code>,
+ <code title="dom-input-value">value</code>,
<code title="dom-input-valueAsDate">valueAsDate</code>,
- <code title="dom-input-valueAsNumber">valueAsNumber</code>,
- <code title="dom-input-selectedOption">selectedOption</code>,
+ <code title="dom-input-valueAsNumber">valueAsNumber</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes;
<code title="dom-input-stepUp">stepUp()</code>, and
- <code title="dom-input-stepDown">stepDown()</code> DOM attributes.</p>
+ <code title="dom-input-stepDown">stepDown()</code> methods.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</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">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-src">src</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The
<code class="no-backref" title="dom-input-checked">checked</code>
@@ -27192,25 +27256,26 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="attr-input-required">required</code>, and
<code title="attr-input-step">step</code> content attributes;
<code title="dom-input-list">list</code>,
+ <code title="dom-input-value">value</code>,
<code title="dom-input-valueAsDate">valueAsDate</code>,
- <code title="dom-input-valueAsNumber">valueAsNumber</code>,
- <code title="dom-input-selectedOption">selectedOption</code>,
+ <code title="dom-input-valueAsNumber">valueAsNumber</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes;
<code title="dom-input-stepUp">stepUp()</code>, and
- <code title="dom-input-stepDown">stepDown()</code> DOM attributes.</p>
+ <code title="dom-input-stepDown">stepDown()</code> methods.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</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">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-src">src</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The
<code class="no-backref" title="dom-input-checked">checked</code>
@@ -27301,24 +27366,25 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="attr-input-required">required</code>, and
<code title="attr-input-step">step</code> content attributes;
<code title="dom-input-list">list</code>,
- <code title="dom-input-valueAsNumber">valueAsNumber</code>,
- <code title="dom-input-selectedOption">selectedOption</code>,
+ <code title="dom-input-value">value</code>,
+ <code title="dom-input-valueAsNumber">valueAsNumber</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes;
<code title="dom-input-stepUp">stepUp()</code>, and
- <code title="dom-input-stepDown">stepDown()</code> DOM attributes.</p>
+ <code title="dom-input-stepDown">stepDown()</code> methods.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</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">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-src">src</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The following DOM attributes do not apply to the element:
<code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code> and
@@ -27398,24 +27464,25 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="attr-input-required">required</code>, and
<code title="attr-input-step">step</code> content attributes;
<code title="dom-input-list">list</code>,
- <code title="dom-input-valueAsNumber">valueAsNumber</code>,
- <code title="dom-input-selectedOption">selectedOption</code>,
+ <code title="dom-input-value">value</code>,
+ <code title="dom-input-valueAsNumber">valueAsNumber</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes;
<code title="dom-input-stepUp">stepUp()</code>, and
- <code title="dom-input-stepDown">stepDown()</code> DOM attributes.</p>
+ <code title="dom-input-stepDown">stepDown()</code> methods.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</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">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-src">src</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The following DOM attributes do not apply to the element:
<code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code> and
@@ -27535,24 +27602,25 @@ function AddCloud(data, x, y) { ... }</pre>
<code title="attr-input-required">required</code>, and
<code title="attr-input-step">step</code> content attributes;
<code title="dom-input-list">list</code>,
- <code title="dom-input-valueAsNumber">valueAsNumber</code>,
- <code title="dom-input-selectedOption">selectedOption</code>,
+ <code title="dom-input-value">value</code>,
+ <code title="dom-input-valueAsNumber">valueAsNumber</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes;
<code title="dom-input-stepUp">stepUp()</code>, and
- <code title="dom-input-stepDown">stepDown()</code> DOM attributes.</p>
+ <code title="dom-input-stepDown">stepDown()</code> methods.</p>
<p>The following content attributes must not be specified and do not
apply to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</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">enctype</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</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">target</code>,
- <code class="no-backref" title="attr-fs-method">method</code>,
- <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
- <code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <code class="no-backref" title="attr-input-src">src</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
<p>The following DOM attributes do not apply to the element:
<code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code> and
@@ -27567,9 +27635,53 @@ function AddCloud(data, x, y) { ... }</pre>
title="attr-input-type-checkbox">Checkbox</span> state, the rules in
this section apply.</p>
- <p class="big-issue">...</p>
+ <p>The <code>input</code> element represents a two-state control
+ that represents the element's <span
+ title="concept-fe-checked">checkedness</span> state. If the
+ element's <span title="concept-fe-checked">checkedness</span> state
+ is true, the control represents a positive selection, and if it is
+ false, a negative selection.</p>
- <p class="big-issue">... <dfn title="concept-input-checked-checkbox">checked</dfn></p>
+ <p>If the element is <i title="concept-input-mutable">mutable</i>,
+ the user should allow the user to toggle the <span
+ title="concept-input-checked">checkedness</span> state.</p>
+
+ <p><strong>The <span>value sanitization algorithm</span> is as
+ follows:</strong> Do nothing.</p>
+
+ <p>The following common <code>input</code> element content
+ attributes and DOM attributes apply to the element:
+ <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-input-checked">checked</code>, and
+ <code title="attr-input-required">required</code> content attributes;
+ <code class="no-backref" title="dom-input-checked">checked</code> DOM attribute.</p>
+
+ <p>The following content attributes must not be specified and do not
+ apply to the element:
+ <code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-fs-action">action</code>,
+ <code class="no-backref" title="attr-input-alt">alt</code>,
+ <code class="no-backref" title="attr-fs-enctype">enctype</code>,
+ <code class="no-backref" title="attr-input-list">list</code>,
+ <code class="no-backref" title="attr-input-max">max</code>,
+ <code class="no-backref" title="attr-input-maxlength">maxlength</code>,
+ <code class="no-backref" title="attr-fs-method">method</code>,
+ <code class="no-backref" title="attr-input-min">min</code>,
+ <code class="no-backref" title="attr-input-pattern">pattern</code>,
+ <code class="no-backref" title="attr-input-readonly">readonly</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-input-step">step</code>, and
+ <code class="no-backref" title="attr-fs-target">target</code>.</p>
+
+ <p>The following DOM attributes and methods do not apply to the element:
+ <code class="no-backref" title="dom-input-list">list</code>,
+ <code class="no-backref" title="dom-input-selectedOption">selectedOption</code>,
+ <code class="no-backref" title="dom-input-value">value</code>,
+ <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code> and
+ <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code> DOM attributes;
+ <code class="no-backref" title="dom-input-stepDown">stepDown()</code> and
+ <code class="no-backref" title="dom-input-stepUp">stepUp()</code> methods.</p>
@@ -27582,8 +27694,6 @@ function AddCloud(data, x, y) { ... }</pre>
<p class="big-issue">...</p>
- <p class="big-issue">... <dfn title="concept-input-checked-radio">checked</dfn></p>
-
<h6><dfn title="attr-input-type-file">File</dfn> state</h6>
@@ -27826,9 +27936,9 @@ rel="" on submit buttons?
allowed value length</span>.</p>
<p><strong>Constraint validation:</strong> If an <code>input</code>
- element has a <span>maximum allowed value length</span>, and it is
- not <span title="concept-input-dirty">dirty</span>, and the
- <span>codepoint length</span> of the element's <span
+ element has a <span>maximum allowed value length</span>, its <span
+ title="concept-input-value-dirty-flag">dirty value flag</span> is
+ false, and the <span>codepoint length</span> of the element's <span
title="concept-fe-value">value</span> is greater than the element's
<span>maximum allowed value length</span>, then the element is
<span>suffering from being too long</span>.</p>
@@ -28013,13 +28123,28 @@ rel="" on submit buttons?
<p>The <dfn title="dom-input-value"><code>value</code></dfn> DOM
attribute allows scripts to manipulate the <span
title="concept-fe-value">value</span> of an <code>input</code>
- element. On getting, it must return the current <span
- title="concept-fe-value">value</span> of the element. On setting,
- it must set the element's <span
- title="concept-fe-value">value</span> to the new value, and then
- invoke the <span>value sanitization algorithm</span> defined for the
- element's <code title="attr-input-type">type</code> attribute's
- current state.</p>
+ element. If the attribute applies, then on getting, it must return
+ the current <span title="concept-fe-value">value</span> of the
+ element; and on setting, it must set the element's <span
+ title="concept-fe-value">value</span> to the new value, set the
+ element's <span title="concept-input-value-dirty-flag">dirty value
+ flag</span> to true, and then invoke the <span>value sanitization
+ algorithm</span> defined for the element's <code
+ title="attr-input-type">type</code> attribute's current state. If
+ the attribute does not apply, then it must <span>reflect</span> the
+ element's <code title="attr-input-value">value</code> content
+ attribute.</p>
+
+ <p>The <dfn title="dom-input-checked"><code>checked</code></dfn> DOM
+ attribute allows scripts to manipulate the <span
+ title="concept-fe-checked">checkedness</span> of an
+ <code>input</code> element. On getting, it must return the current
+ <span title="concept-fe-checked">checkedness</span> of the element;
+ and on setting, it must set the element's <span
+ title="concept-fe-checked">checkedness</span> to the new value and
+ set the element's <span
+ title="concept-input-checked-dirty-flag">dirty checkedness
+ flag</span> to true.</p>
<hr>
@@ -28164,7 +28289,6 @@ rel="" on submit buttons?
<h6>Others...</h6>
- <p class="big-issue">... <dfn title="dom-input-checked"><code>checked</code></dfn></p>
<p class="big-issue">... <dfn title="dom-input-list"><code>list</code></dfn></p>
<p class="big-issue">... <dfn title="dom-input-selectedOption"><code>selectedOption</code></dfn></p>
@@ -28690,6 +28814,7 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
<h5>A form control's value</h5>
<p class="big-issue">... <dfn title="concept-fe-value">value</dfn></p>
+ <p class="big-issue">... <dfn title="concept-fe-checked">checkedness</dfn></p>
<!-- XXX autocomplete: define somewhere that the value may be set from a stored value -->
@@ -29003,16 +29128,16 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
<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-checkbox-state">Checkbox</span> state
- and the control is not <span
- title="concept-input-checked-checkbox">checked</span>.</li>
+ title="attr-input-type-checkbox">Checkbox</span> state and
+ whose <span title="concept-fe-checked">checkedness</span> is
+ false.</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-radio">checked</span>.</li>
+ title="attr-input-type-radio">Radio Button</span> state and
+ whose <span title="concept-fe-checked">checkedness</span> is
+ false.</li>
<li>The <var title="">field</var> element is an
<code>input</code> element whose <code
@@ -29103,6 +29228,31 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
title="concept-option-value">value</span> of the
<code>option</code> element as the value.</p></li>
+ <li>
+
+ <p>Otherwise, if 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-checkbox">Checkbox</span> state or the
+ <span title="attr-input-type-radio">Radio Button</span> 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">value</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".</p></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.</p></li>
+
+ </ol>
+
+ </li>
+
<li><p>Otherwise, if 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
@@ -30805,16 +30955,16 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
title="dom-provider-getCellClasses">getCellClasses()</code> method
must add the <code
title="datagrid-cell-class-checked">checked</code> class if the
- <code>input</code> element is <span
- title="dom-input-checked">checked</span>, and the <code
- title="datagrid-cell-class-unchecked">unchecked</code> class
+ <code>input</code> element's <span
+ title="concept-fe-checked">checkedness</span> is true, and the
+ <code title="datagrid-cell-class-unchecked">unchecked</code> class
otherwise.</p>
<p>The <code
title="dom-provider-setCellCheckedState">setCellCheckedState()</code>
method must set the <code>input</code> element's checkbox <span
- title="dom-input-checked">state</span> to checked if the method's
- third argument is 1, and to unchecked otherwise.</p>
+ title="concept-fe-checked">checkedness</span> to true if the
+ method's third argument is 1, and to false otherwise.</p>
<p>The <code title="dom-provider-cycleCell">cycleCell()</code> and
<code title="dom-provider-editCell">editCell()</code> methods must
@@ -32703,7 +32853,7 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
<p>The <span title="command-facet-CheckedState">Checked State</span>
of the command is true if the command is of <span
title="command-facet-Type">Type</span> "radio" or "checkbox" and the
- element has a <code title="attr-input-checked">checked</code>
+ element is <span title="concept-fe-checked">checked</span>
attribute, and false otherwise.</p>
<p>The <span title="command-facet-Action">Action</span> of the

0 comments on commit 92aee09

Please sign in to comment.