Permalink
Browse files

[] (0) WF2: <input type=radio>

git-svn-id: http://svn.whatwg.org/webapps@2259 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 4594fd1 commit bd8405e834af24e33debc46c4a257753433a1e17 @Hixie Hixie committed Oct 2, 2008
Showing with 206 additions and 11 deletions.
  1. +93 −6 index
  2. +113 −5 source
View
99 index
@@ -23341,8 +23341,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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=yes> Yes <!-- Number -->
+ <td class=no> &middot; <!-- Range -->
<td class=no> &middot; <!-- Checkbox -->
<td class=no> &middot; <!-- Radio Button -->
<td class=no> &middot; <!-- File -->
@@ -24843,14 +24843,13 @@ function AddCloud(data, x, y) { ... }</pre>
false, a negative selection.</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>
+ the user should allow the user to toggle the <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> 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>
@@ -24860,6 +24859,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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-autocomplete><a href=#attr-input-autocomplete>autocomplete</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>,
@@ -24889,7 +24889,88 @@ 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=#radio-button-state title=attr-input-type-radio>Radio Button</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 control that, when
+ used in conjunction with other <code><a href=#the-input-element>input</a></code> elements, forms a
+ <i><a href=#radio-button-group>radio button group</a></i> in which only one control can have its
+ <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state set to
+ true. If the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state is true, the
+ control represents the selected control in the group, and if it is
+ false, it indicates a control in the group that is not selected.</p>
+
+ <p>The <dfn id=radio-button-group><i>radio button group</i></dfn> that contains an
+ <code><a href=#the-input-element>input</a></code> element <var title="">a</var> also contains all
+ the other <code><a href=#the-input-element>input</a></code> elements <var title="">b</var> that
+ fulfill all of the following conditions:</p>
+
+ <ul><li>The <code><a href=#the-input-element>input</a></code> element <var title="">b</var>'s <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state.</li>
+
+ <li>Either neither <var title="">a</var> nor <var title="">b</var>
+ have a <a href=#form-owner>form owner</a>, or they both have one and it is the
+ same for both.</li>
+
+ <li>They both have a <code title=attr-input-name>name</code>
+ attribute, and the value of <var title="">a</var>'s <code title=attr-input-name>name</code> attribute is a
+ <a href=#compatibility-caseless>compatibility caseless</a> match for the value of <var title="">b</var>'s <code title=attr-input-name>name</code>
+ attribute.</li>
+
+ </ul><p>A document must not contain an <code><a href=#the-input-element>input</a></code> element whose
+ <i><a href=#radio-button-group>radio button group</a></i> contains only that element.</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 set the <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state of the
+ element to true.</p>
+
+ <p>When any of the following events occur, if the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state is true after
+ the event, the <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state of all the
+ other elements in the same <i><a href=#radio-button-group>radio button group</a></i> must be set to
+ false:</p> <!-- XXX event firing order and timing -->
+
+ <ul><li>The element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state is set to
+ true (for whatever reason).</li>
+
+ <li>The element's <code title=attr-input-name>name</code>
+ attribute is added, removed, or changes value<!-- XXX setting to
+ the same value? -->.</li>
+
+ <li>The element's <a href=#form-owner>form owner</a> changes.</li>
+
+ </ul><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-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-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</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-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>
+
@@ -45119,7 +45200,13 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
in another namespace that is not defined by that namespace's
specification is <code>Element</code>.</p>
- <p>When the steps below require the UA to <dfn id=insert-an-html-element>insert an HTML
+ <p>When a <a href=#category-reset title=category-reset>resettable</a> element is
+ created in this manner, its <a href=#concept-form-reset-control title=concept-form-reset-control>reset algorithm</a> must be
+ invoked once the attributes are set. (This initializes the element's
+ <a href=#concept-fe-value title=concept-fe-value>value</a> and <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> based on the element's
+ attributes.)</p>
+
+ <hr><p>When the steps below require the UA to <dfn id=insert-an-html-element>insert an HTML
element</dfn> for a token, the UA must first <a href=#create-an-element-for-the-token>create an element
for the token</a> in the <a href=#html-namespace-0>HTML namespace</a>, and then
append this node to the <a href=#current-node>current node</a>, and push it onto
View
118 source
@@ -25918,8 +25918,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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="yes"> Yes <!-- Number -->
+ <td class="no"> &middot; <!-- Range -->
<td class="no"> &middot; <!-- Checkbox -->
<td class="no"> &middot; <!-- Radio Button -->
<td class="no"> &middot; <!-- File -->
@@ -27654,14 +27654,13 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
+ title="concept-fe-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>
@@ -27671,6 +27670,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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-autocomplete">autocomplete</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>,
@@ -27702,7 +27702,105 @@ function AddCloud(data, x, y) { ... }</pre>
title="attr-input-type-radio">Radio Button</span> state, the rules
in this section apply.</p>
- <p class="big-issue">...</p>
+ <p>The <code>input</code> element represents a control that, when
+ used in conjunction with other <code>input</code> elements, forms a
+ <i>radio button group</i> in which only one control can have its
+ <span title="concept-fe-checked">checkedness</span> state set to
+ true. If the element's <span
+ title="concept-fe-checked">checkedness</span> state is true, the
+ control represents the selected control in the group, and if it is
+ false, it indicates a control in the group that is not selected.</p>
+
+ <p>The <dfn><i>radio button group</i></dfn> that contains an
+ <code>input</code> element <var title="">a</var> also contains all
+ the other <code>input</code> elements <var title="">b</var> that
+ fulfill all of the following conditions:</p>
+
+ <ul>
+
+ <li>The <code>input</code> element <var title="">b</var>'s <code
+ title="attr-input-type">type</code> attribute is in the <span
+ title="attr-input-type-radio">Radio Button</span> state.</li>
+
+ <li>Either neither <var title="">a</var> nor <var title="">b</var>
+ have a <span>form owner</span>, or they both have one and it is the
+ same for both.</li>
+
+ <li>They both have a <code title="attr-input-name">name</code>
+ attribute, and the value of <var title="">a</var>'s <code
+ title="attr-input-name">name</code> attribute is a
+ <span>compatibility caseless</span> match for the value of <var
+ title="">b</var>'s <code title="attr-input-name">name</code>
+ attribute.</li>
+
+ </ul>
+
+ <p>A document must not contain an <code>input</code> element whose
+ <i>radio button group</i> contains only that element.</p>
+
+ <p>If the element is <i title="concept-input-mutable">mutable</i>,
+ the user should allow the user to set the <span
+ title="concept-fe-checked">checkedness</span> state of the
+ element to true.</p>
+
+ <p>When any of the following events occur, if the element's <span
+ title="concept-fe-checked">checkedness</span> state is true after
+ the event, the <span
+ title="concept-fe-checked">checkedness</span> state of all the
+ other elements in the same <i>radio button group</i> must be set to
+ false:</p> <!-- XXX event firing order and timing -->
+
+ <ul>
+
+ <li>The element's <span
+ title="concept-fe-checked">checkedness</span> state is set to
+ true (for whatever reason).</li>
+
+ <li>The element's <code title="attr-input-name">name</code>
+ attribute is added, removed, or changes value<!-- XXX setting to
+ the same value? -->.</li>
+
+ <li>The element's <span>form owner</span> changes.</li>
+
+ </ul>
+
+ <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-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-input-autocomplete">autocomplete</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>
+
@@ -51283,6 +51381,16 @@ interface <dfn>MessageChannel</dfn> {
in another namespace that is not defined by that namespace's
specification is <code>Element</code>.</p>
+ <p>When a <span title="category-reset">resettable</span> element is
+ created in this manner, its <span
+ title="concept-form-reset-control">reset algorithm</span> must be
+ invoked once the attributes are set. (This initializes the element's
+ <span title="concept-fe-value">value</span> and <span
+ title="concept-fe-checked">checkedness</span> based on the element's
+ attributes.)</p>
+
+ <hr>
+
<p>When the steps below require the UA to <dfn>insert an HTML
element</dfn> for a token, the UA must first <span>create an element
for the token</span> in the <span>HTML namespace</span>, and then

0 comments on commit bd8405e

Please sign in to comment.