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