Skip to content
Permalink
Browse files

[] (0) WF2: <button>.

git-svn-id: http://svn.whatwg.org/webapps@2280 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
Hixie committed Oct 4, 2008
1 parent 06b361b commit efb25e7e0d583ae10596201fa7c4f26f76712f3a
Showing with 170 additions and 11 deletions.
  1. +75 −8 index
  2. +95 −3 source
83 index
<a href=#form-owner>form owner</a>. The <code title=attr-fe-name><a href=#attr-fe-name>name</a></code>
attribute represents the element's name. The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute is used to make
the control non-interactive and to prevent its value from being
submitted.</p>
submitted. The <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code>
attribute controls focus.</p>

<p>The <dfn id=dom-input-accept title=dom-input-accept><code>accept</code></dfn>, <dfn id=dom-input-alt title=dom-input-alt><code>alt</code></dfn>, <dfn id=dom-input-autocomplete title=dom-input-autocomplete><code>autocomplete</code></dfn>, <dfn id=dom-input-max title=dom-input-max><code>max</code></dfn>, <dfn id=dom-input-min title=dom-input-min><code>min</code></dfn>, <dfn id=dom-input-pattern title=dom-input-pattern><code>pattern</code></dfn>, <dfn id=dom-input-required title=dom-input-required><code>required</code></dfn>, <dfn id=dom-input-size title=dom-input-size><code>size</code></dfn>, <dfn id=dom-input-src title=dom-input-src><code>src</code></dfn>, <dfn id=dom-input-step title=dom-input-step><code>step</code></dfn>, and <dfn id=dom-input-type title=dom-input-type><code>type</code></dfn> DOM attributes must
<a href=#reflect>reflect</a> the content attributes with the same names.
owner</a>, the element must <a href=#concept-form-submit title=concept-form-submit>submit</a> the <a href=#form-owner>form
owner</a> from the <code><a href=#the-input-element>input</a></code> element.</p>

<p>The <code title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code title=attr-fs-method><a href=#attr-fs-method>method</a></code>, and <code title=attr-fs-target><a href=#attr-fs-target>target</a></code> attributes control the form
submission.</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-fs-action><a href=#attr-fs-action>action</a></code>,
equal to zero, and less than or equal to the rendered height, in CSS
pixels, of the image.</p>

<hr><p>The following common <code><a href=#the-input-element>input</a></code> element content
<hr><p>The <code title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code title=attr-fs-method><a href=#attr-fs-method>method</a></code>, and <code title=attr-fs-target><a href=#attr-fs-target>target</a></code> attributes control the form
submission.</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-fs-action><a href=#attr-fs-action>action</a></code>,
<code title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
sections 15.10.7.2 through 15.10.7.4), compiles successfully but the
resulting regular expression does not match the entirety of the
element's <a href=#concept-fe-value title=concept-fe-value>value</a>, then the
element is <span>suffering from a pattern mismatch</span>. <a href=#refsECMA262>[ECMA262]</a></p>
element is <a href=#suffering-from-a-pattern-mismatch>suffering from a pattern mismatch</a>. <a href=#refsECMA262>[ECMA262]</a></p>

<p class=note>This implies that the regular expression language
used for this attribute is the same as that defined in ECMA 262,
<dd><code title=attr-fs-method><a href=#attr-fs-method>method</a></code></dd>
<dd><code title=attr-fe-name><a href=#attr-fe-name>name</a></code></dd>
<dd><code title=attr-fs-target><a href=#attr-fs-target>target</a></code></dd>
<dd><code title=attr-button-type>type</code></dd>
<dd><code title=attr-button-value>value</code></dd>
<dd><code title=attr-button-type><a href=#attr-button-type>type</a></code></dd>
<dd><code title=attr-button-value><a href=#attr-button-value>value</a></code></dd>
<dt>DOM interface:</dt>
<dd>
<pre class=idl>interface <dfn id=htmlbuttonelement>HTMLButtonElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
void <a href=#dom-cva-setcustomvalidity title=dom-cva-setCustomValidity>setCustomValidity</a>(in DOMString error);
};</pre>
</dd>
</dl><p class=XXX>...</p>
</dl><p>The <code><a href=#the-button-element>button</a></code> element represents a button. If the
element is not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>,
then the user agent should allow the user to activate the
button.</p>

<p>The <dfn id=attr-button-type title=attr-button-type><code>type</code></dfn>
attribute controls the behavior of the button when it is activated.
It is an <a href=#enumerated-attribute>enumerated attribute</a>. The following table
lists the keywords and states for the attribute &mdash; the keywords
in the left column map to the states in the cell in the second
column on the same row as the keyword.</p>

<p>The <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> attribute is used to
<table><thead><tr><th> Keyword
<th> State
<th> Brief description
<tbody><tr><td><dfn id=attr-button-type-submit title=attr-button-type-submit><code>submit</code></dfn>
<td><a href=#attr-button-type-submit-state title=attr-button-type-submit-state>Submit Button</a>
<td>Submits the form.
<tr><td><dfn id=attr-button-type-reset title=attr-button-type-reset><code>reset</code></dfn>
<td><a href=#attr-button-type-reset-state title=attr-button-type-reset-state>Reset Button</a>
<td>Resets the form.
<tr><td><dfn id=attr-button-type-button title=attr-button-type-button><code>button</code></dfn>
<td><a href=#attr-button-type-button-state title=attr-button-type-button-state>Button</a>
<td>Does nothing.
</table><p>The <i>missing value default</i> is the <a href=#attr-button-type-submit-state title=attr-button-type-submit-state>Submit Button</a>
state.</p>

<p>If the element is not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, the <a href=#activation-behavior>activation
behavior</a> of the <code><a href=#the-button-element>button</a></code> element is to run the
steps defined in the following list for the current state of the
element's <code title=attr-button-type><a href=#attr-button-type>type</a></code> attribute.</p>

<dl><dt> <dfn id=attr-button-type-submit-state title=attr-button-type-submit-state>Submit Button</dfn> </dt>

<dd><p>If the element has a <a href=#form-owner>form owner</a>, the element
must <a href=#concept-form-submit title=concept-form-submit>submit</a> the <a href=#form-owner>form
owner</a> from the <code><a href=#the-button-element>button</a></code> element.</dd>

<dt> <dfn id=attr-button-type-reset-state title=attr-button-type-reset-state>Reset Button</dfn> </dt>

<dd><p>If the element has a <a href=#form-owner>form owner</a>, the element
must <a href=#concept-form-reset title=concept-form-reset>reset</a> the <a href=#form-owner>form
owner</a>.</dd>

<dt> <dfn id=attr-button-type-button-state title=attr-button-type-button-state>Button</dfn>

<dd><p>Do nothing.</dd>

</dl><p>The <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> attribute is used to
explicitly associate the <code><a href=#the-button-element>button</a></code> element with its
<a href=#form-owner>form owner</a>. The <code title=attr-fe-name><a href=#attr-fe-name>name</a></code>
attribute represents the element's name. The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute is used to make
the control non-interactive and to prevent its value from being
submitted.</p>
submitted. The <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code>
attribute controls focus.
The <code title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, <code title=attr-fs-method><a href=#attr-fs-method>method</a></code>, and <code title=attr-fs-target><a href=#attr-fs-target>target</a></code> attributes control
the form submission.</p>

<p>The <dfn id=attr-button-value title=attr-button-value><code>value</code></dfn>
attribute gives the element's value for the purposes of form
submission. The <code title=attr-button-value><a href=#attr-button-value>value</a></code>
attribute must not be present unless the <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> attribute is present. The
element's <a href=#concept-fe-value title=concept-fe-value>value</a> is the value
of the element's <code title=attr-button-value><a href=#attr-button-value>value</a></code>
attribute, if there is one, or the empty string otherwise.</p>

<p>The <code title=dom-cva-willValidate><a href=#dom-cva-willvalidate>willValidate</a></code>,
<code title=dom-cva-validity><a href=#dom-cva-validity>validity</a></code>, and <code title=dom-cva-validationMessage><a href=#dom-cva-validationmessage>validationMessage</a></code>
<p class=XXX>... <dfn id=suffering-from-a-type-mismatch>suffering from a type
mismatch</dfn></p>

<p class=XXX>... <dfn id=suffering-from-a-pattern-mismatch>suffering from a pattern
mismatch</dfn></p>

<p class=XXX>... <dfn id=suffering-from-being-too-long>suffering from being too
long</dfn></p>

98 source
attribute represents the element's name. The <code
title="attr-fe-disabled">disabled</code> attribute is used to make
the control non-interactive and to prevent its value from being
submitted.</p>
submitted. The <code title="attr-fe-autofocus">autofocus</code>
attribute controls focus.</p>

<p>The <dfn title="dom-input-accept"><code>accept</code></dfn>, <dfn
title="dom-input-alt"><code>alt</code></dfn>, <dfn
title="concept-form-submit">submit</span> the <span>form
owner</span> from the <code>input</code> element.</p>

<p>The <code title="attr-fs-action">action</code>, <code
title="attr-fs-enctype">enctype</code>, <code
title="attr-fs-method">method</code>, and <code
title="attr-fs-target">target</code> attributes control the form
submission.</p>

<p>The following common <code>input</code> element content
attributes and DOM attributes apply to the element:
<code title="attr-fs-action">action</code>,

<hr>

<p>The <code title="attr-fs-action">action</code>, <code
title="attr-fs-enctype">enctype</code>, <code
title="attr-fs-method">method</code>, and <code
title="attr-fs-target">target</code> attributes control the form
submission.</p>

<p>The following common <code>input</code> element content
attributes and DOM attributes apply to the element:
<code title="attr-fs-action">action</code>,
</dd>
</dl>

<p class="XXX">...</p>
<p>The <code>button</code> element represents a button. If the
element is not <span title="concept-fe-disabled">disabled</span>,
then the user agent should allow the user to activate the
button.</p>

<p>The <dfn title="attr-button-type"><code>type</code></dfn>
attribute controls the behavior of the button when it is activated.
It is an <span>enumerated attribute</span>. The following table
lists the keywords and states for the attribute &mdash; the keywords
in the left column map to the states in the cell in the second
column on the same row as the keyword.</p>

<table>
<thead>
<tr>
<th> Keyword
<th> State
<th> Brief description
<tbody>
<tr>
<td><dfn title="attr-button-type-submit"><code>submit</code></dfn>
<td><span title="attr-button-type-submit-state">Submit Button</span>
<td>Submits the form.
<tr>
<td><dfn title="attr-button-type-reset"><code>reset</code></dfn>
<td><span title="attr-button-type-reset-state">Reset Button</span>
<td>Resets the form.
<tr>
<td><dfn title="attr-button-type-button"><code>button</code></dfn>
<td><span title="attr-button-type-button-state">Button</span>
<td>Does nothing.
</table>

<p>The <i>missing value default</i> is the <span
title="attr-button-type-submit-state">Submit Button</span>
state.</p>

<p>If the element is not <span
title="concept-fe-disabled">disabled</span>, the <span>activation
behavior</span> of the <code>button</code> element is to run the
steps defined in the following list for the current state of the
element's <code title="attr-button-type">type</code> attribute.</p>

<dl>

<dt> <dfn title="attr-button-type-submit-state">Submit Button</dfn> </dt>

<dd><p>If the element has a <span>form owner</span>, the element
must <span title="concept-form-submit">submit</span> the <span>form
owner</span> from the <code>button</code> element.</p></dd>

<dt> <dfn title="attr-button-type-reset-state">Reset Button</dfn> </dt>

<dd><p>If the element has a <span>form owner</span>, the element
must <span title="concept-form-reset">reset</span> the <span>form
owner</span>.</p></dd>

<dt> <dfn title="attr-button-type-button-state">Button</dfn>

<dd><p>Do nothing.</p></dd>

</dl>

<p>The <code title="attr-fae-form">form</code> attribute is used to
explicitly associate the <code>button</code> element with its
<span>form owner</span>. The <code title="attr-fe-name">name</code>
attribute represents the element's name. The <code
title="attr-fe-disabled">disabled</code> attribute is used to make
the control non-interactive and to prevent its value from being
submitted.</p>
submitted. The <code title="attr-fe-autofocus">autofocus</code>
attribute controls focus.
The <code title="attr-fs-action">action</code>, <code
title="attr-fs-enctype">enctype</code>, <code
title="attr-fs-method">method</code>, and <code
title="attr-fs-target">target</code> attributes control
the form submission.</p>

<p>The <dfn title="attr-button-value"><code>value</code></dfn>
attribute gives the element's value for the purposes of form
submission. The <code title="attr-button-value">value</code>
attribute must not be present unless the <code
title="attr-fae-form">form</code> attribute is present. The
element's <span title="concept-fe-value">value</span> is the value
of the element's <code title="attr-button-value">value</code>
attribute, if there is one, or the empty string otherwise.</p>

<p>The <code title="dom-cva-willValidate">willValidate</code>,
<code title="dom-cva-validity">validity</code>, and <code
<p class="XXX">... <dfn>suffering from a type
mismatch</dfn></p>

<p class="XXX">... <dfn>suffering from a pattern
mismatch</dfn></p>

<p class="XXX">... <dfn>suffering from being too
long</dfn></p>

0 comments on commit efb25e7

Please sign in to comment.
You can’t perform that action at this time.