hixie: <optgroup> example (whatwg r3823)

hixie: <optgroup> example (whatwg r3823)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.2991&r2=1.2992&f=h
http://html5.org/tools/web-apps-tracker?from=3822&to=3823

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.2991
retrieving revision 1.2992
diff -u -d -r1.2991 -r1.2992
--- Overview.html 13 Sep 2009 08:54:07 -0000 1.2991
+++ Overview.html 13 Sep 2009 09:30:36 -0000 1.2992
@@ -32157,6 +32157,33 @@
   <a href="#reflect">reflect</a> the respective content attributes of the same
   name.</p>
 
+  </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><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt>
    <dd>None.</dd>
    <dt>Contexts in which this element may be used:</dt>

Received on Sunday, 13 September 2009 09:31:31 UTC