spec/Overview.html 1.1449 2276 <input type=image> (whatwg r2276)

<input type=image> (whatwg r2276)

4.10.4.1.19 Reset Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1449.html#reset-button-state
4.10.4.1.18 Image Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1449.html#image-button-state
alt
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1449.html#attr-input-alt
Constructing the form data set. For each element field in controls, in tree order, run the following substeps: If any of the following conditions are met, then skip these substeps for this element: The field element has a datalist element ancestor. The field element is disabled. The field element is a button but it is not submitter. The field element is an input element whose type attribute is in the Checkbox state and whose checkedness is false. The field element is an input element whose type attribute is in the Radio Button state and whose checkedness is false. The field element is an input element whose type attribute is in the File Upload state but the control does not have any files selected. Otherwise, process field as follows: If the field element is an input element whose type attribute is in the Image Button state, then run these further nested substeps: If the field element has an name attribute specified and value is not the empty string, let name be that value followed by a single U+002E FULL SOP (.) character. Otherwise, let name be the empty string. Let namex be the string consisting of the concatenation of name and a single U+0078 LATIN SMALL LETTER X (x) character. Let namey be the string consisting of the concatenation of name and a single U+0079 LATIN SMALL LETTER Y (y) character. The field element is submitter, and before this algorithm was invoked the user indicated a coordinate. Let x be the x-component of the coordindate selected by the user, and let y be the y-component of the coordinate selected by the user. Append an entry in the form data set with the name namex and the value x. Append an entry in the form data set with the name namey and the value y. Skip the remaining substeps for this element: if there are any more elements in controls, return to the top of the constructing the form data set step, otherwise, jump to the next step in the overall form submission algorithm. If the field element does not have a name attribute specified, or its name attribute's value is the empty strig, skip these substeps for this element: if there are any more elements in controls, return to the top of the constructing the form data set step, otherwise, jump to the next step in the overall form submission algorithm. Let name be the value of the field element's name attribute. If the field element is a select element, then for each option element in the select element that is selected, append an entry in the form data set with the name as the name and the value of the option element as the value. Otherwise, if the field element is an input element whose type attribute is in the Checkbox state or the Radio Button state, then then run these further nested substeps: If the field element has a value attribute specified, then let value be the value of that attribute; otherwise, let value be the string "on". Append an entry in the form data set with name as the name and value as the value. Otherwise, if the field element is an input element whose type attribute is in the File Upload state, then for each fileselected in the input element, append an entry in the form data set with the name as the name and the file (consisting of the name, the type, and the body) as the value. Otherwise, append an entry in the form data set with name as the name and the value of the field element as the value.
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1449.html#constructing-form-data-set
selected coordinate
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1449.html#concept-input-type-image-coordinate
src
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1449.html#attr-input-src
4.10.4.1.17 Submit Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1449.html#submit-button-state
accept
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1449.html#attr-input-accept

http://people.w3.org/mike/diffs/html5/spec/Overview.diff.html
http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.1448&r2=1.1449&f=h
http://html5.org/tools/web-apps-tracker?from=2275&to=2276

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.1448
retrieving revision 1.1449
diff -u -d -r1.1448 -r1.1449
--- Overview.html 3 Oct 2008 07:42:42 -0000 1.1448
+++ Overview.html 3 Oct 2008 23:26:17 -0000 1.1449
@@ -20366,7 +20366,8 @@
   <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
   <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>,
   <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, and
-  <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The following DOM attributes and methods do not apply to the element:
+  <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.<p>The element's <code title=attr-input-value><a href=#attr-input-value>value</a></code>
+  attribute must be omitted.<p>The following DOM attributes and methods do not apply to the element:
   <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>,
   <code class=no-backref title=dom-input-list><a href=#dom-input-list>list</a></code>,
   <code class=no-backref title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>,
@@ -20411,8 +20412,110 @@
   <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
   <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
   <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.<h6 id=image-button-state><span class=secno>4.10.4.1.18 </span><dfn title=attr-input-type-image>Image Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, the rules
-  in this section apply.<p>The element's <code title=attr-input-value><a href=#attr-input-value>value</a></code>
-  attribute must be omitted.<p class=XXX>...<p class=XXX>... <dfn id=attr-input-alt title=attr-input-alt><code>alt</code></dfn><p class=XXX>... <dfn id=attr-input-src title=attr-input-src><code>src</code></dfn><p class=XXX>... image: <dfn id=concept-input-type-image-coordinate title=concept-input-type-image-coordinate>selected coordinate</dfn><h6 id=reset-button-state><span class=secno>4.10.4.1.19 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a> state, the rules
+  in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents either an image from
+  which a user can select a coordinate and submit the form, or
+  alternatively a button from which the user can submit the form.</p><hr><p>The image is given by the <dfn id=attr-input-src title=attr-input-src><code>src</code></dfn> attribute. The <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute must be present, and
+  must contain a <a href=#valid-url>valid URL</a> referencing a non-interactive,
+  optionally animated, image resource that is neither paged nor
+  scripted.<p>When any of the following events occur, the user agent must
+  <a href=#fetch>fetch</a> the resource specifed by the <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute's value, unless the user
+  agent cannot support images, or its support for images has been
+  disabled, or the user agent only fetches elements on demand:</p><!-- Note how this does NOT happen when the base URL changes. --><ul><li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is first set to the
+   <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+   (possibly when the element is first created), and the <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is present.</li>
+
+   <li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is changed back to
+   the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state,
+   and the <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is
+   present, and its value has changed since the last time the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute was in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state.</li>
+
+   <li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, and the
+   <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is set or
+   changed.</li> <!-- XXX define changed -->
+
+  </ul><p>Fetching the image must <a href=#delay-the-load-event>delay the <code title=event-load>load</code> event</a>.<p>If the image was successfully obtained, with no network errors,
+  and the image's type is a supported image type, and the image is a
+  valid image of that type, then the image is said to be
+  <i>available</i>. If this is true before the image is completely
+  downloaded, each <a href=#concept-task title=concept-task>task</a> that is
+  <a href=#queue-a-task title="queue a task">queued</a> by the <a href=#networking-task-source>networking
+  task source</a> while the image is being <a href=#fetch title=fetch>fetched</a> must update the presentation of the
+  image appropriately.<p>The user agents should apply the <a href=#content-type-sniffing:-image title="Content-Type
+  sniffing: image">image sniffing rules</a> to determine the type
+  of the image, with the image's <a href=#content-type-0 title=Content-Type>associated
+  Content-Type headers</a> giving the <var title="">official
+  type</var>. If these rules are not applied, then the type of the
+  image must be the type given by the image's <a href=#content-type-0 title=Content-Type>associated Content-Type headers</a>.<p>User agents must not support non-image resources with the
+  <code><a href=#the-input-element>input</a></code> element. User agents must not run executable code
+  embedded in the image resource. User agents must only display the
+  first page of a multipage resource. User agents must not allow the
+  resource to act in an interactive fashion, but should honour any
+  animation in the resource.<p>The <a href=#concept-task title=concept-task>task</a> that is <a href=#queue-a-task title="queue a task">queued</a> by the <a href=#networking-task-source>networking task
+  source</a> once the resource has been <a href=#fetch title=fetch>fetched</a>, must, if the download was successful
+  and the image is <i>available</i>, <a href=#queue-a-task>queue a task</a> to
+  <a href=#fire-a-load-event>fire a <code title=event-load>load</code> event</a> on
+  the <code><a href=#the-input-element>input</a></code> element; and otherwise, if the fetching
+  process fails without a response from the remote server, or
+  completes but the image is not a valid or supported image,
+  <a href=#queue-a-task>queue a task</a> to <a href=#fire-an-error-event>fire an <code title=event-error>error</code> event</a> on the
+  <code><a href=#the-input-element>input</a></code> element.</p><hr><p>The <dfn id=attr-input-alt title=attr-input-alt><code>alt</code></dfn> attribute
+  provides the textual label for the alternative button for users and
+  user agents who cannot use the image. The <code title=attr-input-alt><a href=#attr-input-alt>alt</a></code> attribute must also be present,
+  and must contain a non-empty string.</p><hr><p>If the <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is set,
+  and the image is <i>available</i> and the user agent is configured
+  to display that image, then: The element represents a control for
+  selecting a <a href=#concept-input-type-image-coordinate title=concept-input-type-image-coordinate>coordinate</a> from
+  the image specified by the <code title=attr-input-src><a href=#attr-input-src>src</a></code>
+  attribute; if the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>, the user should allow the
+  user to select this <a href=#concept-input-type-image-coordinate title=concept-input-type-image-coordinate>coordinate</a>, at
+  which point the element's <a href=#form-owner>form owner</a>, if any, must be
+  <a href=#concept-form-submit title=concept-form-submit>submitted</a> from the
+  <code><a href=#the-input-element>input</a></code> element.<p>Otherwise, the element represents a submit button whose label is
+  given by the value of the <code title=attr-input-alt><a href=#attr-input-alt>alt</a></code>
+  attribute; if the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>, the user should allow the
+  user to activate the button, at which point the the <a href=#concept-input-type-image-coordinate title=concept-input-type-image-coordinate>selected
+  coordinate</a> must be set to (0,0) and the element's <a href=#form-owner>form
+  owner</a>, if any, must be <a href=#concept-form-submit title=concept-form-submit>submitted</a> from the
+  <code><a href=#the-input-element>input</a></code> element.</p><!-- XXX event timing; activation behavior --><p>The <dfn id=concept-input-type-image-coordinate title=concept-input-type-image-coordinate>selected
+  coordinate</dfn> must consist of an <var title="">x</var>-component
+  and a <var title="">y</var>-component. The <var title="">x</var>-component must be greater than or equal to zero,
+  and less than or equal to the rendered width, in CSS pixels, of the
+  image. The <var title="">y</var>-component must be greater than or
+  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
+  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>,
+  <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>, 
+  <code title=attr-input-src><a href=#attr-input-src>src</a></code>, and
+  <code title=attr-fs-target><a href=#attr-fs-target>target</a></code> content attributes;
+  <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute.<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
+  in mode <a href=#dom-input-value-default title=dom-input-value-default>default</a>.<p>The following content attributes must not be specified and do not
+  apply to the element:
+  <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>,
+  <code class=no-backref title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>,
+  <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>,
+  <code class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>,
+  <code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>,
+  <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
+  <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
+  <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+  <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
+  <code class=no-backref title=attr-input-required><a href=#attr-input-required>required</a></code>
+  <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>, and
+  <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>.<p>The element's <code title=attr-input-value><a href=#attr-input-value>value</a></code>
+  attribute must be omitted.<p>The following DOM attributes and methods do not apply to the element:
+  <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>,
+  <code class=no-backref title=dom-input-list><a href=#dom-input-list>list</a></code>,
+  <code class=no-backref title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>,
+  <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code> and
+  <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
+  <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+  <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.<p class=note>Many aspects of this state's behavior are similar to
+  the behavior of the <code><a href=#the-img-element>img</a></code> element. Readers are encouraged
+  to read that section, where many of the same requirements are
+  described in more detail.<h6 id=reset-button-state><span class=secno>4.10.4.1.19 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a> state, the rules
   in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a button that, when
   activated, resets the form. If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, the button's label
   must be the value of that attribute; otherwise, it must be an
@@ -21288,9 +21391,9 @@
 
        <li><p>The <var title="">field</var> element is <var title="">submitter</var>, and before this algorithm was invoked
        the user <a href=#concept-input-type-image-coordinate title=concept-input-type-image-coordinate>indicated a
-       coordinate</a>. Let <var title="">x</var> be the x-component
-       of the coordindate selected by the user, and let <var title="">y</var> be the y-component of the coordinate selected
-       by the user.</li>
+       coordinate</a>. Let <var title="">x</var> be the <var title="">x</var>-component of the coordindate selected by the
+       user, and let <var title="">y</var> be the <var title="">y</var>-component of the coordinate selected by the
+       user.</li>
 
        <li><p>Append an entry in the <var title="">form data set</var>
        with the name <var title="">name<sub title="">x</sub></var> and

Received on Friday, 3 October 2008 23:30:18 UTC