HTML Standard Tracker

Filter

File a bug

SVNBugCommentTime (UTC)
3824<textarea> and <output> examples, plus some minor changes to others.2009-09-13 11:06
@@ -38996,23 +38996,23 @@ You cannot complete this form until the field is correct.</samp></pre>
   title="attr-input-min">minimum</span>, then so long as the element
   has a <span title="concept-fe-value">value</span>, it will either be
   <span>suffering from an underflow</span> or <span>suffering from an
   overflow</span>.</p>
 
   </div>
 
   <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>
 
   <div class="example">
 
    <p>The following number control limits input to whole numbers
    greater than zero:</p>
 
    <pre>&lt;input name=quantity required type=number min=1 value=1></pre>
 
@@ -41052,20 +41052,29 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
   of the element's <code>label</code>s. The <code
   title="dom-textarea/input-select">select()</code>, <code
   title="dom-textarea/input-selectionStart">selectionStart</code>,
   <code title="dom-textarea/input-selectionEnd">selectionEnd</code>,
   and <code
   title="dom-textarea/input-setSelectionRange">setSelectionRange()</code>
   methods and attributes expose the element's text selection.</p>
 
   </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>
 
   <dl class="element">
    <dt>Categories</dt>
    <dd><span>Flow content</span>.</dd>
    <dd><span>Phrasing content</span>.</dd>
    <dd><span>Interactive content</span>.</dd>
    <dd><span title="category-listed">Listed</span>, <span title="category-label">labelable</span>, <span title="category-submit">submittable</span>, and <span title="category-reset">resettable</span> <span>form-associated element</span>.</dd>
@@ -41372,21 +41381,21 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
   created by <keygen> and turned it into a client cert? -->
 
   <div class="example">
 
    <p>To generate a key pair, add the private key to the user's key
    store, and submit the public key to the server, markup such as the
    following can be used:</p>
 
    <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
    RSA public key as the value of "<code title="">key</code>". This
    can then be used for various purposes, such as generating a client
    certificate, as mentioned above.</p>
 
   </div>
 
 
@@ -41557,20 +41566,33 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
   <code
   title="dom-cva-setCustomValidity">setCustomValidity()</code>
   methods, are part of the <span>constraint validation API</span>.</p>
 
   <p><strong>Constraint validation</strong>: <code>output</code>
   elements are always <span>barred from constraint
   validation</span>.</p>
 
   </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>
 
   <p>A <span>form-associated element</span> can have a relationship
   with a <code>form</code> element, which is called the element's
   <dfn>form owner</dfn>. If a <span>form-associated element</span> is
   not associated with a <code>form</code> element, its <span>form
   owner</span> is said to be null.</p>
 

|