[e] (0) <textarea> and <output> examples, plus some minor changes to …

…others. git-svn-id: http://svn.whatwg.org/webapps@3824 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Sep 13, 2009 · 88b071d · 88b071d
1 parent 89f2592
commit 88b071d
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 6 deletions.
diff --git a/index b/index
@@ -35069,9 +35069,9 @@ You cannot complete this form until the field is correct.</samp></pre>
   <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>&lt;input name=bday type=date max="2000-12-31"&gt;</pre>
+   <pre>&lt;input name=bday type=date max="1979-12-31"&gt;</pre>
 
   </div>
 
@@ -36747,6 +36747,15 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
 
   </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>&lt;p&gt;If you have any comments, please let us know: &lt;textarea cols=80 name=comments&gt;&lt;/textarea&gt;&lt;/p&gt;</pre>
+
+  </div>
+
 
 
   <h4 id=the-keygen-element><span class=secno>4.10.11 </span>The <dfn><code>keygen</code></dfn> element</h4>
@@ -37012,7 +37021,7 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
 
    <pre>&lt;form action="processkey.cgi" method="post" enctype="multipart/formdata"&gt;
  &lt;p&gt;&lt;keygen name="key"&gt;&lt;/p&gt;
- &lt;p&gt;&lt;input type=submit value="Submit key..."&gt;
+ &lt;p&gt;&lt;input type=submit value="Submit key..."&gt;&lt;/p&gt;
 &lt;/form&gt;</pre>
 
    <p>The server will then receive a form submission with a packaged
@@ -37173,6 +37182,19 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
 
   </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>&lt;form onsubmit="return false"&gt;
+ &lt;input name=a type=number step=any&gt; +
+ &lt;input name=b type=number step=any&gt; =
+ &lt;output onforminput="value = a.value + b.value"&gt;&lt;/output&gt;
+&lt;/form&gt;</pre>
+
+  </div>
+
 
 
   <h4 id=association-of-controls-and-forms><span class=secno>4.10.13 </span>Association of controls and forms</h4>

diff --git a/source b/source
@@ -39003,9 +39003,9 @@ You cannot complete this form until the field is correct.</samp></pre>
   <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>&lt;input name=bday type=date max="2000-12-31"></pre>
+   <pre>&lt;input name=bday type=date max="1979-12-31"></pre>
 
   </div>
 
@@ -41059,6 +41059,15 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
 
   </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>&lt;p>If you have any comments, please let us know: &lt;textarea cols=80 name=comments>&lt;/textarea>&lt;/p></pre>
+
+  </div>
+
 
 
   <h4>The <dfn><code>keygen</code></dfn> element</h4>
@@ -41379,7 +41388,7 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
 
    <pre>&lt;form action="processkey.cgi" method="post" enctype="multipart/formdata">
  &lt;p>&lt;keygen name="key">&lt;/p>
- &lt;p>&lt;input type=submit value="Submit key...">
+ &lt;p>&lt;input type=submit value="Submit key...">&lt;/p>
 &lt;/form></pre>
 
    <p>The server will then receive a form submission with a packaged
@@ -41564,6 +41573,19 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
 
   </div>
 
+  <div class="example">
+
+   <p>A simple calculator could use <code>output</code> for its
+   display of calculated results:</p>
+
+   <pre>&lt;form onsubmit="return false">
+ &lt;input name=a type=number step=any> +
+ &lt;input name=b type=number step=any> =
+ &lt;output onforminput="value = a.value + b.value">&lt;/output>
+&lt;/form></pre>
+
+  </div>
+
 
 
   <h4>Association of controls and forms</h4>