Skip to content
Permalink
Browse files

[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
  • Loading branch information...
Hixie committed Aug 10, 2011
1 parent 95978ef commit d66647a5f6fead53b42be4a820ff102cd2e52347
Showing with 57 additions and 0 deletions.
  1. +19 −0 complete.html
  2. +19 −0 index
  3. +19 −0 source

</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
19 index

</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
19 source

</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

0 comments on commit d66647a

Please sign in to comment.
You can’t perform that action at this time.