Browse files

[] (0) WF2: <button>.

git-svn-id: http://svn.whatwg.org/webapps@2280 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 06b361b commit efb25e7e0d583ae10596201fa7c4f26f76712f3a @Hixie Hixie committed Oct 4, 2008
Showing with 170 additions and 11 deletions.
  1. +75 −8 index
  2. +95 −3 source
View
83 index
@@ -23774,7 +23774,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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.
@@ -25236,6 +25237,9 @@ function AddCloud(data, x, y) { ... }</pre>
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>,
@@ -25377,7 +25381,10 @@ function AddCloud(data, x, y) { ... }</pre>
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>,
@@ -25712,7 +25719,7 @@ function AddCloud(data, x, y) { ... }</pre>
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,
@@ -25994,8 +26001,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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> {
@@ -26019,14 +26026,71 @@ function AddCloud(data, x, y) { ... }</pre>
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>
@@ -26538,6 +26602,9 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
<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>
View
98 source
@@ -26404,7 +26404,8 @@ function AddCloud(data, x, y) { ... }</pre>
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
@@ -28092,6 +28093,12 @@ function AddCloud(data, x, y) { ... }</pre>
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>,
@@ -28272,6 +28279,12 @@ function AddCloud(data, x, y) { ... }</pre>
<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>,
@@ -29057,15 +29070,91 @@ function AddCloud(data, x, y) { ... }</pre>
</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
@@ -29636,6 +29725,9 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
<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.