example for formnovalidate (whatwg r3322)

example for formnovalidate (whatwg r3322)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.2461&r2=1.2462&f=h
http://html5.org/tools/web-apps-tracker?from=3321&to=3322

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.2461
retrieving revision 1.2462
diff -u -d -r1.2461 -r1.2462
--- Overview.html 26 Jun 2009 05:18:21 -0000 1.2461
+++ Overview.html 26 Jun 2009 05:39:45 -0000 1.2462
@@ -28105,7 +28105,9 @@
   to do nothing.</p>
 
   </div><p>The <code title="attr-fs-formaction"><a href="#attr-fs-formaction">formaction</a></code>, <code title="attr-fs-formenctype"><a href="#attr-fs-formenctype">formenctype</a></code>, <code title="attr-fs-formmethod"><a href="#attr-fs-formmethod">formmethod</a></code>, <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code>, and <code title="attr-fs-formtarget"><a href="#attr-fs-formtarget">formtarget</a></code> attributes are <a href="#attributes-for-form-submission">attributes
-  for form submission</a>.<div class="bookkeeping impl">
+  for form submission</a>.<p class="note">The <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code> attribute can
+  be used to make submit buttons that do not trigger the constraint
+  validation.<div class="bookkeeping impl">
 
    <p>The following common <code><a href="#the-input-element">input</a></code> element content
    attributes and DOM attributes apply to the element:
@@ -29213,7 +29215,9 @@
   the control non-interactive and to prevent its value from being
   submitted. The <code title="attr-fe-autofocus"><a href="#attr-fe-autofocus">autofocus</a></code>
   attribute controls focus. The <code title="attr-fs-formaction"><a href="#attr-fs-formaction">formaction</a></code>, <code title="attr-fs-formenctype"><a href="#attr-fs-formenctype">formenctype</a></code>, <code title="attr-fs-formmethod"><a href="#attr-fs-formmethod">formmethod</a></code>, <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code>, and <code title="attr-fs-formtarget"><a href="#attr-fs-formtarget">formtarget</a></code> attributes are
-  <a href="#attributes-for-form-submission">attributes for form submission</a>.<p>The <dfn id="attr-button-value" title="attr-button-value"><code>value</code></dfn>
+  <a href="#attributes-for-form-submission">attributes for form submission</a>.<p class="note">The <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code> attribute can
+  be used to make submit buttons that do not trigger the constraint
+  validation.<p>The <dfn id="attr-button-value" title="attr-button-value"><code>value</code></dfn>
   attribute gives the element's value for the purposes of form
   submission. The <code title="attr-button-value"><a href="#attr-button-value">value</a></code>
   attribute must not be present unless the <code title="attr-fae-form"><a href="#attr-fae-form">form</a></code> attribute is present. The
@@ -30736,7 +30740,26 @@
   an element is true if the element is a <a href="#concept-submit-button" title="concept-submit-button">submit button</a> and the element's
   <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code> attribute
   is present, or if the element's <a href="#form-owner">form owner</a>'s <code title="attr-fs-novalidate"><a href="#attr-fs-novalidate">novalidate</a></code> attribute is present,
-  and false otherwise.<div class="impl">
+  and false otherwise.<div class="example">
+
+   <p>This attribute is useful to include "save" buttons on forms that
+   have validation constraints, to allow users to save their progress
+   even though they haven't fully entered the data in the form. The
+   following example shows a simple form that has two required
+   fields. There are three buttons: one to submit the form, which
+   requires both fields to be filled in; one to save the form so that
+   the user can come back and fill it in later; and one to cancel the
+   form altogether.</p>
+
+   <pre>&lt;form action="editor.cgi" method="post"&gt;
+ &lt;p&gt;&lt;label&gt;Name: &lt;input required name=fn&gt;&lt;/label&gt;&lt;/p&gt;
+ &lt;p&gt;&lt;label&gt;Essay: &lt;textarea name=essay&gt;&lt;/label&gt;&lt;/p&gt;
+ &lt;p&gt;&lt;input type=submit name=submit value="Submit essay"&gt;&lt;/p&gt;
+ &lt;p&gt;&lt;input type=submit formnovalidate name=save value="Save essay"&gt;&lt;/p&gt;
+ &lt;p&gt;&lt;input type=submit formnovalidate name=cancel value="Cancel"&gt;&lt;/p&gt;
+&lt;/form&gt;</pre>
+
+  </div><div class="impl">
 
   <hr><p>The <dfn id="dom-fs-action" title="dom-fs-action"><code>action</code></dfn>, <dfn id="dom-fs-method" title="dom-fs-method"><code>method</code></dfn>, <dfn id="dom-fs-enctype" title="dom-fs-enctype"><code>enctype</code></dfn>, and <dfn id="dom-fs-target" title="dom-fs-target"><code>target</code></dfn> DOM attributes must
   <a href="#reflect">reflect</a> the respective content attributes of the same
@@ -65086,6 +65109,7 @@
   Johan Herland,
   John Boyer,
   John Bussjaeger,
+  John Carpenter,
   John Fallows,
   John Harding,
   John Keiser,

Received on Friday, 26 June 2009 05:40:45 UTC