Permalink
Browse files

[e] (0) <optgroup> example

git-svn-id: http://svn.whatwg.org/webapps@3823 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent dec05a3 commit 89f2592cbb3c138f010e5f2a7f514abb6d44d1fc @Hixie Hixie committed Sep 13, 2009
Showing with 60 additions and 0 deletions.
  1. +30 −0 index
  2. +30 −0 source
View
30 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>
View
30 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>

0 comments on commit 89f2592

Please sign in to comment.