[html5] r6433 - [e] (0) Try to explain type=image better. Fixing http://www.w3.org/Bugs/Public/s [...]

[whatwg at whatwg.org]

Author: ianh
Date: 2011-08-12 14:39:11 -0700 (Fri, 12 Aug 2011)
New Revision: 6433

Modified:
   complete.html
   index
   source
Log:
[e] (0) Try to explain type=image better.
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=13448

Modified: complete.html
===================================================================
--- complete.html	2011-08-12 21:22:41 UTC (rev 6432)
+++ complete.html	2011-08-12 21:39:11 UTC (rev 6433)
@@ -46830,6 +46830,11 @@
   specifically a <a href=#concept-submit-button title=concept-submit-button>submit
   button</a>.</p>
 
+  <p class=note>The coordinate is sent to the server <a href=#constructing-the-form-data-set title="constructing the form data set">during form submission</a>
+  by sending two entries for the element, derived from the name of the
+  control but with "<code title="">.x</code>" and "<code title="">.y</code>" appended to the name with the <var title="">x</var> and <var title="">y</var> components of the
+  coordinate respectively.</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-non-empty-url-potentially-surrounded-by-spaces>valid non-empty URL potentially surrounded by
   spaces</a> referencing a non-interactive, optionally animated,
@@ -47033,8 +47038,21 @@
   to read that section, where many of the same requirements are
   described in more detail.</p>
 
+  <div class=example>
 
+   <p>Take the following form:</p>
 
+   <pre><form action="process.cgi">
+ <input type=image src=map.png name=where>
+</form></pre>
+
+   <p>If the user clicked on the image at coordinate (127,40) then the
+   URL used to submit the form would be "<code title="">process.cgi?where.x=127&where.y=40</code>".</p>
+
+  </div>
+
+
+
   <h6 id=reset-button-state><span class=secno>4.10.7.1.21 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6>
 
   <div class=impl>

Modified: index
===================================================================
--- index	2011-08-12 21:22:41 UTC (rev 6432)
+++ index	2011-08-12 21:39:11 UTC (rev 6433)
@@ -46697,6 +46697,11 @@
   specifically a <a href=#concept-submit-button title=concept-submit-button>submit
   button</a>.</p>
 
+  <p class=note>The coordinate is sent to the server <a href=#constructing-the-form-data-set title="constructing the form data set">during form submission</a>
+  by sending two entries for the element, derived from the name of the
+  control but with "<code title="">.x</code>" and "<code title="">.y</code>" appended to the name with the <var title="">x</var> and <var title="">y</var> components of the
+  coordinate respectively.</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-non-empty-url-potentially-surrounded-by-spaces>valid non-empty URL potentially surrounded by
   spaces</a> referencing a non-interactive, optionally animated,
@@ -46900,8 +46905,21 @@
   to read that section, where many of the same requirements are
   described in more detail.</p>
 
+  <div class=example>
 
+   <p>Take the following form:</p>
 
+   <pre><form action="process.cgi">
+ <input type=image src=map.png name=where>
+</form></pre>
+
+   <p>If the user clicked on the image at coordinate (127,40) then the
+   URL used to submit the form would be "<code title="">process.cgi?where.x=127&where.y=40</code>".</p>
+
+  </div>
+
+
+
   <h6 id=reset-button-state><span class=secno>4.10.7.1.21 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6>
 
   <div class=impl>

Modified: source
===================================================================
--- source	2011-08-12 21:22:41 UTC (rev 6432)
+++ source	2011-08-12 21:39:11 UTC (rev 6433)
@@ -52272,6 +52272,14 @@
   specifically a <span title="concept-submit-button">submit
   button</span>.</p>
 
+  <p class="note">The coordinate is sent to the server <span
+  title="constructing the form data set">during form submission</span>
+  by sending two entries for the element, derived from the name of the
+  control but with "<code title="">.x</code>" and "<code
+  title="">.y</code>" appended to the name with the <var
+  title="">x</var> and <var title="">y</var> components of the
+  coordinate respectively.</p>
+
   <hr>
 
   <p>The image is given by the <dfn
@@ -52536,8 +52544,22 @@
   to read that section, where many of the same requirements are
   described in more detail.</p>
 
+  <div class="example">
 
+   <p>Take the following form:</p>
 
+   <pre><form action="process.cgi">
+ <input type=image src=map.png name=where>
+</form></pre>
+
+   <p>If the user clicked on the image at coordinate (127,40) then the
+   URL used to submit the form would be "<code
+   title="">process.cgi?where.x=127&where.y=40</code>".</p>
+
+  </div>
+
+
+
   <h6><dfn title="attr-input-type-reset">Reset Button</dfn> state</h6>
 
   <div class="impl">