Browse files

[] (0) WF2: <button> element summary, fixes to <input> to correct cop…

…y/paste mistakes.

git-svn-id: http://svn.whatwg.org/webapps@2145 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 6c8abb4 commit fe5d39724d647c0ab3d7bb11f9149800c9edd7bd @Hixie Hixie committed Sep 3, 2008
Showing with 163 additions and 58 deletions.
  1. +110 −47 index
  2. +53 −11 source
View
157 index
@@ -7524,17 +7524,18 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E..
title="">name</var>)</code></dfn> method takes a string <var
title="">name</var>, and must return a live <code>NodeList</code>
containing all the <code><a href="#a">a</a></code>, <code><a
- href="#applet">applet</a></code>, <code>button</code>, <code><a
- href="#form">form</a></code>, <!-- frame? frameset?
- XXX--><code><a
- href="#iframe">iframe</a></code>, <code><a href="#img">img</a></code>,
- <code><a href="#input0">input</a></code>, <code><a
- href="#map">map</a></code>, <code><a href="#meta0">meta</a></code>,
- <code><a href="#object">object</a></code>,<!-- param?
- XXX-->
- <code>select</code>, and <code>textarea</code> elements in that document
- that have a <code title="">name</code> attribute whose value is equal to
- the <var title="">name</var> argument (in a <a
+ href="#applet">applet</a></code>, <code><a
+ href="#button">button</a></code>, <code><a href="#form">form</a></code>,
+ <!-- frame? frameset?
+ XXX--><code><a href="#iframe">iframe</a></code>,
+ <code><a href="#img">img</a></code>, <code><a
+ href="#input0">input</a></code>, <code><a href="#map">map</a></code>,
+ <code><a href="#meta0">meta</a></code>, <code><a
+ href="#object">object</a></code>,<!-- param?
+ XXX--> <code>select</code>,
+ and <code>textarea</code> elements in that document that have a <code
+ title="">name</code> attribute whose value is equal to the <var
+ title="">name</var> argument (in a <a
href="#case-sensitive">case-sensitive</a> manner), in <a
href="#tree-order">tree order</a>.
@@ -8585,11 +8586,11 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
specifically intended for user interaction.
<p>Certain elements in HTML can be activated, for instance <code><a
- href="#a">a</a></code> elements, <code>button</code> elements, or <code><a
- href="#input0">input</a></code> elements when their <code>type</code>
- attribute is set to <code>radio</code>. Activation of those elements can
- happen in various (UA-defined) ways, for instance via the mouse or
- keyboard.
+ href="#a">a</a></code> elements, <code><a href="#button">button</a></code>
+ elements, or <code><a href="#input0">input</a></code> elements when their
+ <code>type</code> attribute is set to <code>radio</code>. Activation of
+ those elements can happen in various (UA-defined) ways, for instance via
+ the mouse or keyboard.
<p>When activation is performed via some method other than clicking the
pointing device, the default action of the event that triggers the
@@ -16446,10 +16447,11 @@ the time Marco had stuck his tongue out...&lt;/p></pre>
containing nothing but the image</h6>
<p>When an <a href="#a">a</a> element that is a <a
- href="#hyperlinks">hyperlink</a>, or a <code>button</code> element, has no
- textual content but contains one or more images, the <code
- title=attr-img-alt><a href="#alt0">alt</a></code> attributes must contain
- text that together convey the purpose of the link or button.
+ href="#hyperlinks">hyperlink</a>, or a <code><a
+ href="#button">button</a></code> element, has no textual content but
+ contains one or more images, the <code title=attr-img-alt><a
+ href="#alt0">alt</a></code> attributes must contain text that together
+ convey the purpose of the link or button.
<div class=example>
<p>In this example, a user is asked to pick his preferred color from a
@@ -26601,22 +26603,22 @@ function AddCloud(data, x, y) { ... }</pre>
<dl class=element>
<dt>Categories
- <dd><a href="#flow-content0">Flow content</a>.
+ <dd><a href="#phrasing0">Phrasing content</a>.
+
+ <dd><a href="#interactive1">Interactive content</a>.
<dt>Contexts in which this element may be used:
- <dd>Where <a href="#flow-content0">flow content</a> is expected.
+ <dd>Where <a href="#phrasing0">phrasing content</a> is expected.
<dt>Content model:
- <dd><a href="#flow-content0">Flow content</a>.
+ <dd>Empty.
<dt>Element-specific attributes:
<dd><code title=attr-input-accept>accept</code>
- <dd><code title=attr-input-accesskey>accesskey</code>
-
<dd><code title=attr-input-action>action</code>
<dd><code title=attr-input-alt>alt</code>
@@ -26670,11 +26672,8 @@ function AddCloud(data, x, y) { ... }</pre>
<dd>
<pre
class=idl>interface <dfn id=htmlinputelement>HTMLInputElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
-
attribute DOMString <span title=dom-input-accept>accept</span>;
- attribute DOMString <span title=dom-input-accessKey>accessKey</span>;
attribute DOMString <span title=dom-input-action>action</span>;
- attribute DOMString <span title=dom-input-align>align</span>;
attribute DOMString <span title=dom-input-alt>alt</span>;
attribute boolean <span title=dom-input-autocomplete>autocomplete</span>;
attribute boolean <span title=dom-input-autofocus>autofocus</span>;
@@ -26706,10 +26705,7 @@ function AddCloud(data, x, y) { ... }</pre>
readonly attribute HTMLCollection <span title=dom-input-labels>labels</span>;
- void <span title=dom-input-blur>blur</span>();
- void <span title=dom-input-focus>focus</span>();
void <span title=dom-input-select>select</span>();
- void <span title=dom-input-click>click</span>();
void <span title=dom-input-stepUp>stepUp</span>(in int n);
void <span title=dom-input-stepDown>stepDown</span>(in int n);
@@ -26727,8 +26723,74 @@ function AddCloud(data, x, y) { ... }</pre>
<p class=big-issue>...
- <h4 id=the-button><span class=secno>4.9.4 </span>The <code>button</code>
- element</h4>
+ <h4 id=the-button><span class=secno>4.9.4 </span>The <dfn
+ id=button><code>button</code></dfn> element</h4>
+
+ <dl class=element>
+ <dt>Categories
+
+ <dd><a href="#phrasing0">Phrasing content</a>.
+
+ <dd><a href="#interactive1">Interactive content</a>.
+
+ <dt>Contexts in which this element may be used:
+
+ <dd>Where <a href="#phrasing0">phrasing content</a> is expected.
+
+ <dt>Content model:
+
+ <dd><a href="#phrasing0">Phrasing content</a>.
+
+ <dt>Element-specific attributes:
+
+ <dd><code title=attr-button-action>action</code>
+
+ <dd><code title=attr-button-autofocus>autofocus</code>
+
+ <dd><code title=attr-button-disabled>disabled</code>
+
+ <dd><code title=attr-button-enctype>enctype</code>
+
+ <dd><code title=attr-button-form>form</code>
+
+ <dd><code title=attr-button-method>method</code>
+
+ <dd><code title=attr-button-name>name</code>
+
+ <dd><code title=attr-button-target>target</code>
+
+ <dd><code title=attr-button-type>type</code>
+
+ <dd><code title=attr-button-value>value</code>
+
+ <dt>DOM interface:
+
+ <dd>
+ <pre
+ class=idl>interface <dfn id=htmlbuttonelement>HTMLButtonElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
+ attribute DOMString <span title=dom-button-action>action</span>;
+ attribute boolean <span title=dom-button-autofocus>autofocus</span>;
+ attribute boolean <span title=dom-button-disabled>disabled</span>;
+ attribute DOMString <span title=dom-button-enctype>enctype</span>;
+ readonly attribute HTMLFormElement <span title=dom-button-form>form</span>;
+ attribute DOMString <span title=dom-button-method>method</span>;
+ attribute DOMString <span title=dom-button-name>name</span>;
+ attribute boolean <span title=dom-button-required>required</span>;
+ attribute DOMString <span title=dom-button-target>target</span>;
+ attribute DOMString <span title=dom-button-type>type</span>;
+ attribute DOMString <span title=dom-button-value>value</span>;
+
+ readonly attribute HTMLCollection <span title=dom-button-labels>labels</span>;
+
+ readonly attribute boolean <span title=dom-button-willValidate>willValidate</span>;
+ readonly attribute <span>ValidityState</span> <span title=dom-button-validity>validity</span>;
+ readonly attribute DOMString <span title=dom-button-validationMessage>validationMessage</span>;
+ boolean <span title=dom-button-checkValidatity>checkValidity</span>();
+ void <span title=dom-button-setCustomValidity>setCustomValidity</span>(in DOMString error);
+};</pre>
+ </dl>
+
+ <p class=big-issue>...
<h4 id=the-label><span class=secno>4.9.5 </span>The <code>label</code>
element</h4>
@@ -30761,10 +30823,10 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
not affected by the command's <a href="#hidden"
title=command-facet-HiddenState>Hidden State</a>. If the element does not
define a command, the attribute must return false. This attribute will be
- shadowed by the <code title="">disabled</code> attribute on
- <code>button</code>, <code><a href="#input0">input</a></code>,
- <code>option</code>, and <code><a href="#command0">command</a></code>
- elements.
+ shadowed by the <code title="">disabled</code> attribute on <code><a
+ href="#button">button</a></code>, <code><a
+ href="#input0">input</a></code>, <code>option</code>, and <code><a
+ href="#command0">command</a></code> elements.
<p>The <dfn id=checked3
title=dom-command-ro-checked><code>checked</code></dfn> attribute must
@@ -30859,8 +30921,8 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
title=button-command>Using the <code>button</code> element to define a
command</dfn></h5>
- <p>A <code>button</code> element always <a href="#command1"
- title=concept-command>defines a command</a>.
+ <p>A <code><a href="#button">button</a></code> element always <a
+ href="#command1" title=concept-command>defines a command</a>.
<p>The <a href="#type19" title=command-facet-Type>Type</a>, <a href="#id1"
title=command-facet-ID>ID</a>, <a href="#label3"
@@ -30887,10 +30949,10 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
<p>An <code><a href="#input0">input</a></code> element whose <code
title=attr-input-type>type</code> attribute is one of <code>submit</code>,
- <code>reset</code>, <code>button</code>, <code>radio</code>,
- <code>checkbox</code>, <code>move-up</code>, <code>move-down</code>,
- <code>add</code>, and <code>remove</code> <a href="#command1"
- title=concept-command>defines a command</a>.
+ <code>reset</code>, <code><a href="#button">button</a></code>,
+ <code>radio</code>, <code>checkbox</code>, <code>move-up</code>,
+ <code>move-down</code>, <code>add</code>, and <code>remove</code> <a
+ href="#command1" title=concept-command>defines a command</a>.
<p>The <a href="#type19" title=command-facet-Type>Type</a> of the command
is "radio" if the <code title=attr-input-type>type</code> attribute has
@@ -47479,8 +47541,9 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<dd>
<p>The following HTML elements introduce new <a href="#have-an"
title="has an element in scope">scopes</a> for various parts of the
- parsing: <code><a href="#applet">applet</a></code>, <code>button</code>,
- <code><a href="#caption0">caption</a></code>, <code><a
+ parsing: <code><a href="#applet">applet</a></code>, <code><a
+ href="#button">button</a></code>, <code><a
+ href="#caption0">caption</a></code>, <code><a
href="#html">html</a></code>, <code>marquee</code>, <code><a
href="#object">object</a></code>, <code><a
href="#table">table</a></code>, <code><a href="#td">td</a></code>,
@@ -47535,7 +47598,7 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<li><code><a href="#th">th</a></code> in the HTML namespace
- <li><code>button</code> in the HTML namespace
+ <li><code><a href="#button">button</a></code> in the HTML namespace
<li><code>marquee</code> in the HTML namespace
@@ -51378,7 +51441,7 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<p>If the <a href="#form-element"><code title="">form</code> element
pointer</a> is not null, then <span>associate</span><!--XXX xref! -->
- the <code>button</code> element with the <code><a
+ the <code><a href="#button">button</a></code> element with the <code><a
href="#form">form</a></code> element pointed to by the <a
href="#form-element"><code title="">form</code> element pointer</a>.</p>
View
64 source
@@ -23963,14 +23963,14 @@ function AddCloud(data, x, y) { ... }</pre>
<dl class="element">
<dt>Categories</dt>
- <dd><span>Flow content</span>.</dd>
+ <dd><span>Phrasing content</span>.</dd>
+ <dd><span>Interactive content</span>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <span>flow content</span> is expected.</dd>
+ <dd>Where <span>phrasing content</span> is expected.</dd>
<dt>Content model:</dt>
- <dd><span>Flow content</span>.</dd>
+ <dd>Empty.</dd>
<dt>Element-specific attributes:</dt>
<dd><code title="attr-input-accept">accept</code></dd>
- <dd><code title="attr-input-accesskey">accesskey</code></dd>
<dd><code title="attr-input-action">action</code></dd>
<dd><code title="attr-input-alt">alt</code></dd>
<dd><code title="attr-input-autocomplete">autocomplete</code></dd>
@@ -23998,11 +23998,8 @@ function AddCloud(data, x, y) { ... }</pre>
<dt>DOM interface:</dt>
<dd>
<pre class="idl">interface <dfn>HTMLInputElement</dfn> : <span>HTMLElement</span> {
-
attribute DOMString <span title="dom-input-accept">accept</span>;
- attribute DOMString <span title="dom-input-accessKey">accessKey</span>;
attribute DOMString <span title="dom-input-action">action</span>;
- attribute DOMString <span title="dom-input-align">align</span>;
attribute DOMString <span title="dom-input-alt">alt</span>;
attribute boolean <span title="dom-input-autocomplete">autocomplete</span>;
attribute boolean <span title="dom-input-autofocus">autofocus</span>;
@@ -24034,10 +24031,7 @@ function AddCloud(data, x, y) { ... }</pre>
readonly attribute HTMLCollection <span title="dom-input-labels">labels</span>;
- void <span title="dom-input-blur">blur</span>();
- void <span title="dom-input-focus">focus</span>();
void <span title="dom-input-select">select</span>();
- void <span title="dom-input-click">click</span>();
void <span title="dom-input-stepUp">stepUp</span>(in int n);
void <span title="dom-input-stepDown">stepDown</span>(in int n);
@@ -24058,7 +24052,55 @@ function AddCloud(data, x, y) { ... }</pre>
<p class="big-issue">...</p>
- <h4>The <code>button</code> element</h4>
+ <h4>The <dfn><code>button</code></dfn> element</h4>
+
+ <dl class="element">
+ <dt>Categories</dt>
+ <dd><span>Phrasing content</span>.</dd>
+ <dd><span>Interactive content</span>.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>Where <span>phrasing content</span> is expected.</dd>
+ <dt>Content model:</dt>
+ <dd><span>Phrasing content</span>.</dd>
+ <dt>Element-specific attributes:</dt>
+ <dd><code title="attr-button-action">action</code></dd>
+ <dd><code title="attr-button-autofocus">autofocus</code></dd>
+ <dd><code title="attr-button-disabled">disabled</code></dd>
+ <dd><code title="attr-button-enctype">enctype</code></dd>
+ <dd><code title="attr-button-form">form</code></dd>
+ <dd><code title="attr-button-method">method</code></dd>
+ <dd><code title="attr-button-name">name</code></dd>
+ <dd><code title="attr-button-target">target</code></dd>
+ <dd><code title="attr-button-type">type</code></dd>
+ <dd><code title="attr-button-value">value</code></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+<pre class="idl">interface <dfn>HTMLButtonElement</dfn> : <span>HTMLElement</span> {
+ attribute DOMString <span title="dom-button-action">action</span>;
+ attribute boolean <span title="dom-button-autofocus">autofocus</span>;
+ attribute boolean <span title="dom-button-disabled">disabled</span>;
+ attribute DOMString <span title="dom-button-enctype">enctype</span>;
+ readonly attribute HTMLFormElement <span title="dom-button-form">form</span>;
+ attribute DOMString <span title="dom-button-method">method</span>;
+ attribute DOMString <span title="dom-button-name">name</span>;
+ attribute boolean <span title="dom-button-required">required</span>;
+ attribute DOMString <span title="dom-button-target">target</span>;
+ attribute DOMString <span title="dom-button-type">type</span>;
+ attribute DOMString <span title="dom-button-value">value</span>;
+
+ readonly attribute HTMLCollection <span title="dom-button-labels">labels</span>;
+
+ readonly attribute boolean <span title="dom-button-willValidate">willValidate</span>;
+ readonly attribute <span>ValidityState</span> <span title="dom-button-validity">validity</span>;
+ readonly attribute DOMString <span title="dom-button-validationMessage">validationMessage</span>;
+ boolean <span title="dom-button-checkValidatity">checkValidity</span>();
+ void <span title="dom-button-setCustomValidity">setCustomValidity</span>(in DOMString error);
+};</pre>
+ </dd>
+ </dl>
+
+ <p class="big-issue">...</p>
+
<h4>The <code>label</code> element</h4>

0 comments on commit fe5d397

Please sign in to comment.