[e] (0) <optgroup> example

git-svn-id: http://svn.whatwg.org/webapps@3823 340c8d12-0b0e-0410-8428-c7bf67bfef74

index

@@ -36211,6 +36211,36 @@ You cannot complete this form until the field is correct.</samp></pre>
 
   </div>
 
+  <div class=example>
+
+   <p>The following snippet shows how a set of lessons from three
+   courses could be offered in a <code><a href=#the-select-element>select</a></code> drop-down
+   widget:</p>
+
+   <pre>&lt;form action="courseselector.dll" method="get"&gt;
+ &lt;p&gt;Which course would you like to watch today?
+ &lt;p&gt;&lt;label&gt;Course:
+  &lt;select name="c"&gt;
+   &lt;optgroup label="8.01 Physics I: Classical Mechanics"&gt;
+    &lt;option value="8.01.1"&gt;Lecture 01: Powers of Ten
+    &lt;option value="8.01.2"&gt;Lecture 02: 1D Kinematics
+    &lt;option value="8.01.3"&gt;Lecture 03: Vectors
+   &lt;optgroup label="8.02 Electricity and Magnestism"&gt;
+    &lt;option value="8.02.1"&gt;Lecture 01: What holds our world together?
+    &lt;option value="8.02.2"&gt;Lecture 02: Electric Field
+    &lt;option value="8.02.3"&gt;Lecture 03: Electric Flux
+   &lt;optgroup label="8.03 Physics III: Vibrations and Waves"&gt;
+    &lt;option value="8.03.1"&gt;Lecture 01: Periodic Phenomenon
+    &lt;option value="8.03.2"&gt;Lecture 02: Beats
+    &lt;option value="8.03.3"&gt;Lecture 03: Forced Oscillations with Damping
+  &lt;/select&gt;
+ &lt;/label&gt;
+ &lt;p&gt;&lt;input type=submit value="&#9654; Play"&gt;
+&lt;/form&gt;</pre>
+
+  </div>
+
+
 
   <h4 id=the-option-element><span class=secno>4.10.9 </span>The <dfn><code>option</code></dfn> element</h4>
 

source

@@ -40411,6 +40411,36 @@ You cannot complete this form until the field is correct.</samp></pre>
 
   </div>
 
+  <div class="example">
+
+   <p>The following snippet shows how a set of lessons from three
+   courses could be offered in a <code>select</code> drop-down
+   widget:</p>
+
+   <pre>&lt;form action="courseselector.dll" method="get">
+ &lt;p>Which course would you like to watch today?
+ &lt;p>&lt;label>Course:
+  &lt;select name="c">
+   &lt;optgroup label="8.01 Physics I: Classical Mechanics">
+    &lt;option value="8.01.1">Lecture 01: Powers of Ten
+    &lt;option value="8.01.2">Lecture 02: 1D Kinematics
+    &lt;option value="8.01.3">Lecture 03: Vectors
+   &lt;optgroup label="8.02 Electricity and Magnestism">
+    &lt;option value="8.02.1">Lecture 01: What holds our world together?
+    &lt;option value="8.02.2">Lecture 02: Electric Field
+    &lt;option value="8.02.3">Lecture 03: Electric Flux
+   &lt;optgroup label="8.03 Physics III: Vibrations and Waves">
+    &lt;option value="8.03.1">Lecture 01: Periodic Phenomenon
+    &lt;option value="8.03.2">Lecture 02: Beats
+    &lt;option value="8.03.3">Lecture 03: Forced Oscillations with Damping
+  &lt;/select>
+ &lt;/label>
+ &lt;p>&lt;input type=submit value="&#x25B6; Play">
+&lt;/form></pre>
+
+  </div>
+
+
 
   <h4>The <dfn><code>option</code></dfn> element</h4>