[e] (0) Add a more conventional example for <fieldset>.

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=13543 git-svn-id: http://svn.whatwg.org/webapps@6405 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Aug 10, 2011 · d66647a · d66647a
1 parent 95978ef
commit d66647a
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 0 deletions.
diff --git a/complete.html b/complete.html
@@ -42100,6 +42100,25 @@ <h4 id=the-fieldset-element><span class=secno>4.10.4 </span>The <dfn><code>field
 
   </div>
 
+  <div class=example>
+
+   <p>This example shows a <code><a href=#the-fieldset-element>fieldset</a></code> element being used to
+   group a set of related controls:</p>
+
+   <pre>&lt;fieldset&gt;
+ &lt;legend&gt;Display&lt;/legend&gt;
+ &lt;p&gt;&lt;label&gt;&lt;input type=radio name=c value=0 checked&gt; Black on White&lt;/label&gt;
+ &lt;p&gt;&lt;label&gt;&lt;input type=radio name=c value=1&gt; White on Black&lt;/label&gt;
+ &lt;p&gt;&lt;label&gt;&lt;input type=checkbox name=g&gt; Use grayscale&lt;/label&gt;
+ &lt;p&gt;&lt;label&gt;Enhance contrast &lt;input type=range name=e list=contrast min=0 max=100 value=0 step=1&gt;&lt;/label&gt;
+ &lt;datalist id=contrast&gt;
+  &lt;option label=Normal value=0&gt;
+  &lt;option label=Maximum value=100&gt;
+ &lt;/datalist&gt;
+&lt;/fieldset&gt;</pre>
+
+  </div>
+
   <div class=example>
 
    <p>The following snippet shows a fieldset with a checkbox in the

diff --git a/index b/index
@@ -41967,6 +41967,25 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
 
   </div>
 
+  <div class=example>
+
+   <p>This example shows a <code><a href=#the-fieldset-element>fieldset</a></code> element being used to
+   group a set of related controls:</p>
+
+   <pre>&lt;fieldset&gt;
+ &lt;legend&gt;Display&lt;/legend&gt;
+ &lt;p&gt;&lt;label&gt;&lt;input type=radio name=c value=0 checked&gt; Black on White&lt;/label&gt;
+ &lt;p&gt;&lt;label&gt;&lt;input type=radio name=c value=1&gt; White on Black&lt;/label&gt;
+ &lt;p&gt;&lt;label&gt;&lt;input type=checkbox name=g&gt; Use grayscale&lt;/label&gt;
+ &lt;p&gt;&lt;label&gt;Enhance contrast &lt;input type=range name=e list=contrast min=0 max=100 value=0 step=1&gt;&lt;/label&gt;
+ &lt;datalist id=contrast&gt;
+  &lt;option label=Normal value=0&gt;
+  &lt;option label=Maximum value=100&gt;
+ &lt;/datalist&gt;
+&lt;/fieldset&gt;</pre>
+
+  </div>
+
   <div class=example>
 
    <p>The following snippet shows a fieldset with a checkbox in the

diff --git a/source b/source
@@ -46938,6 +46938,25 @@ interface <dfn>HTMLFormElement</dfn> : <span>HTMLElement</span> {
 
   </div>
 
+  <div class="example">
+
+   <p>This example shows a <code>fieldset</code> element being used to
+   group a set of related controls:</p>
+
+   <pre>&lt;fieldset>
+ &lt;legend>Display&lt;/legend>
+ &lt;p>&lt;label>&lt;input type=radio name=c value=0 checked> Black on White&lt;/label>
+ &lt;p>&lt;label>&lt;input type=radio name=c value=1> White on Black&lt;/label>
+ &lt;p>&lt;label>&lt;input type=checkbox name=g> Use grayscale&lt;/label>
+ &lt;p>&lt;label>Enhance contrast &lt;input type=range name=e list=contrast min=0 max=100 value=0 step=1>&lt;/label>
+ &lt;datalist id=contrast>
+  &lt;option label=Normal value=0>
+  &lt;option label=Maximum value=100>
+ &lt;/datalist>
+&lt;/fieldset></pre>
+
+  </div>
+
   <div class="example">
 
    <p>The following snippet shows a fieldset with a checkbox in the