Skip to content
Permalink
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...
Hixie committed Sep 3, 2008
1 parent 6c8abb4 commit fe5d39724d647c0ab3d7bb11f9149800c9edd7bd
Showing with 163 additions and 58 deletions.
  1. +110 −47 index
  2. +53 −11 source
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
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
<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>
<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>;

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);


<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>
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
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"

<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
<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>,

<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


<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>

64 source

<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>
<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>;

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);

<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.
You can’t perform that action at this time.