[html5] r3824 - [e] (0) <textarea> and <output> examples, plus some minor changes to others.

whatwg at whatwg.org whatwg at whatwg.org
Sun Sep 13 04:06:18 PDT 2009


Author: ianh
Date: 2009-09-13 04:06:17 -0700 (Sun, 13 Sep 2009)
New Revision: 3824

Modified:
   index
   source
Log:
[e] (0) <textarea> and <output> examples, plus some minor changes to others.

Modified: index
===================================================================
--- index	2009-09-13 09:35:41 UTC (rev 3823)
+++ index	2009-09-13 11:06:17 UTC (rev 3824)
@@ -35069,9 +35069,9 @@
   <div class=example>
 
    <p>The following date control limits input to dates that are before
-   the start of the 21st century:</p>
+   the 1980s:</p>
 
-   <pre><input name=bday type=date max="2000-12-31"></pre>
+   <pre><input name=bday type=date max="1979-12-31"></pre>
 
   </div>
 
@@ -36747,8 +36747,17 @@
 
   </div>
 
+  <div class=example>
 
+   <p>Here is an example of a <code><a href=#the-textarea-element>textarea</a></code> being used for
+   unrestricted free-form text input in a form:</p>
 
+   <pre><p>If you have any comments, please let us know: <textarea cols=80 name=comments></textarea></p></pre>
+
+  </div>
+
+
+
   <h4 id=the-keygen-element><span class=secno>4.10.11 </span>The <dfn><code>keygen</code></dfn> element</h4>
 
   <dl class=element><dt>Categories</dt>
@@ -37012,7 +37021,7 @@
 
    <pre><form action="processkey.cgi" method="post" enctype="multipart/formdata">
  <p><keygen name="key"></p>
- <p><input type=submit value="Submit key...">
+ <p><input type=submit value="Submit key..."></p>
 </form></pre>
 
    <p>The server will then receive a form submission with a packaged
@@ -37173,8 +37182,21 @@
 
   </div>
 
+  <div class=example>
 
+   <p>A simple calculator could use <code><a href=#the-output-element>output</a></code> for its
+   display of calculated results:</p>
 
+   <pre><form onsubmit="return false">
+ <input name=a type=number step=any> +
+ <input name=b type=number step=any> =
+ <output onforminput="value = a.value + b.value"></output>
+</form></pre>
+
+  </div>
+
+
+
   <h4 id=association-of-controls-and-forms><span class=secno>4.10.13 </span>Association of controls and forms</h4>
 
   <p>A <a href=#form-associated-element>form-associated element</a> can have a relationship

Modified: source
===================================================================
--- source	2009-09-13 09:35:41 UTC (rev 3823)
+++ source	2009-09-13 11:06:17 UTC (rev 3824)
@@ -39003,9 +39003,9 @@
   <div class="example">
 
    <p>The following date control limits input to dates that are before
-   the start of the 21st century:</p>
+   the 1980s:</p>
 
-   <pre><input name=bday type=date max="2000-12-31"></pre>
+   <pre><input name=bday type=date max="1979-12-31"></pre>
 
   </div>
 
@@ -41059,8 +41059,17 @@
 
   </div>
 
+  <div class="example">
 
+   <p>Here is an example of a <code>textarea</code> being used for
+   unrestricted free-form text input in a form:</p>
 
+   <pre><p>If you have any comments, please let us know: <textarea cols=80 name=comments></textarea></p></pre>
+
+  </div>
+
+
+
   <h4>The <dfn><code>keygen</code></dfn> element</h4>
 
   <dl class="element">
@@ -41379,7 +41388,7 @@
 
    <pre><form action="processkey.cgi" method="post" enctype="multipart/formdata">
  <p><keygen name="key"></p>
- <p><input type=submit value="Submit key...">
+ <p><input type=submit value="Submit key..."></p>
 </form></pre>
 
    <p>The server will then receive a form submission with a packaged
@@ -41564,8 +41573,21 @@
 
   </div>
 
+  <div class="example">
 
+   <p>A simple calculator could use <code>output</code> for its
+   display of calculated results:</p>
 
+   <pre><form onsubmit="return false">
+ <input name=a type=number step=any> +
+ <input name=b type=number step=any> =
+ <output onforminput="value = a.value + b.value"></output>
+</form></pre>
+
+  </div>
+
+
+
   <h4>Association of controls and forms</h4>
 
   <p>A <span>form-associated element</span> can have a relationship




More information about the Commit-Watchers mailing list