Skip to content

Commit

Permalink
[] (0) WF2: <input type=radio>
Browse files Browse the repository at this point in the history 
git-svn-id: http://svn.whatwg.org/webapps@2259 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
@Hixie
Hixie committed Oct 2, 2008
1 parent 4594fd1 commit bd8405e
Show file tree
Hide file tree
Showing 2 changed files with 206 additions and 11 deletions.
99 changes: 93 additions & 6 deletions index
View file
Expand Up @@ -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 -->
Expand Down Expand Up @@ -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>
Expand All @@ -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>,
Expand Down Expand Up @@ -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>




Expand Down Expand Up @@ -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
Expand Down
118 changes: 113 additions & 5 deletions source
View file
Expand Up @@ -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 -->
Expand Down Expand Up @@ -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>
Expand All @@ -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>,
Expand Down Expand Up @@ -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>




Expand Down Expand Up @@ -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
Expand Down

0 comments on commit bd8405e

Please sign in to comment.