[html5] r3816 - [e] (0) readonly='' example.

[whatwg at whatwg.org]

Author: ianh
Date: 2009-09-13 00:12:00 -0700 (Sun, 13 Sep 2009)
New Revision: 3816

Modified:
   index
   source
Log:
[e] (0) readonly='' example.

Modified: index
===================================================================
--- index	2009-09-13 06:20:44 UTC (rev 3815)
+++ index	2009-09-13 07:12:00 UTC (rev 3816)
@@ -34787,8 +34787,40 @@
 
   </div>
 
+  <div class=example>
 
+   <p>In the following example, the existing product identifiers
+   cannot be modified, but they are still displayed as part of the
+   form, for consistency with the row representing a new product
+   (where the identifier is not yet filled in).</p>
 
+   <pre><form action="products.cgi" method=post enctype="multipart/formdata">
+ <table>
+  <tr> <th> Product ID <th> Product name <th> Price <th> Action
+  <tr>
+   <td> <input readonly name="1.pid" value="H412">
+   <td> <input required name="1.pname" value="Floor lamp Ulke">
+   <td> $<input required type=number min=0 step=0.01 name="1.pprice" value="49.99">
+   <td> <button formnovalidate name="action" value="delete:1">Delete</button>
+  <tr>
+   <td> <input readonly name="2.pid" value="FG28">
+   <td> <input required name="2.pname" value="Table lamp Ulke">
+   <td> $<input required type=number min=0 step=0.01 name="2.pprice" value="24.99">
+   <td> <button formnovalidate name="action" value="delete:2">Delete</button>
+  <tr>
+   <td> <input required name="3.pid" value="" pattern="[A-Z0-9]+">
+   <td> <input required name="3.pname" value="">
+   <td> $<input required type=number min=0 step=0.01 name="3.pprice" value="">
+   <td> <button formnovalidate name="action" value="delete:3">Delete</button>
+ </table>
+ <p> <button formnovalidate name="action" value="add">Add</button> </p>
+ <p> <button name="action" value="update">Save</button> </p>
+</form></pre>
+
+  </div>
+
+
+
   <h6 id=the-size-attribute><span class=secno>4.10.4.2.4 </span>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6>
 
   <p>The <dfn id=attr-input-size title=attr-input-size><code>size</code></dfn>

Modified: source
===================================================================
--- source	2009-09-13 06:20:44 UTC (rev 3815)
+++ source	2009-09-13 07:12:00 UTC (rev 3816)
@@ -38686,8 +38686,40 @@
 
   </div>
 
+  <div class="example">
 
+   <p>In the following example, the existing product identifiers
+   cannot be modified, but they are still displayed as part of the
+   form, for consistency with the row representing a new product
+   (where the identifier is not yet filled in).</p>
 
+   <pre><form action="products.cgi" method=post enctype="multipart/formdata">
+ <table>
+  <tr> <th> Product ID <th> Product name <th> Price <th> Action
+  <tr>
+   <td> <input readonly name="1.pid" value="H412">
+   <td> <input required name="1.pname" value="Floor lamp Ulke">
+   <td> $<input required type=number min=0 step=0.01 name="1.pprice" value="49.99">
+   <td> <button formnovalidate name="action" value="delete:1">Delete</button>
+  <tr>
+   <td> <input readonly name="2.pid" value="FG28">
+   <td> <input required name="2.pname" value="Table lamp Ulke">
+   <td> $<input required type=number min=0 step=0.01 name="2.pprice" value="24.99">
+   <td> <button formnovalidate name="action" value="delete:2">Delete</button>
+  <tr>
+   <td> <input required name="3.pid" value="" pattern="[A-Z0-9]+">
+   <td> <input required name="3.pname" value="">
+   <td> $<input required type=number min=0 step=0.01 name="3.pprice" value="">
+   <td> <button formnovalidate name="action" value="delete:3">Delete</button>
+ </table>
+ <p> <button formnovalidate name="action" value="add">Add</button> </p>
+ <p> <button name="action" value="update">Save</button> </p>
+</form></pre>
+
+  </div>
+
+
+
   <h6>The <code title="attr-input-size">size</code> attribute</h6>
 
   <p>The <dfn title="attr-input-size"><code>size</code></dfn>