WML教程10:分组选择控件(Optgroup)和复杂实例
相关Option分组产生层级,对最终用户来说可能没有什么意义,但是对于制作者来说,Option分组可以提供很多方便。
相关属性:
1. title 标题,通常这种标题无法被显示
示例:
1<card>
2<p> What OS You Use Now?
3<select name="OS">
4<optgroup title="microsoft">
5<option value="dos">dos</option>
6<option value="windows">windows</option>
7</optgroup>
8<optgroup title="others">
9<option value="unix">unix</option>
10<option value="linux">linux</option>
11</optgroup>
12</select>
13</p>
14</card>
上例演示了一个基本的Optgroup元素的应用,由于Optgroup没有变量参数,所以只能提供有限的应用。
一个比较复杂的例子:
1<wml>
2<template>
3<do label="Back" type="options">
4<prev></prev>
5</do>
6</template>
7<card id="lists">
8<p>
9<select title="Pick Lists">
10<option onpick="#JY">Jin Yong</option>
11<option onpick="#GL">Gu Long</option>
12</select>
13</p>
14</card>
15<card id="JY">
16<onevent type="onenterbackward">
17<prev></prev>
18</onevent>
19<do type="accept">
20<go href="#display_fav"></go>
21</do>
22<p> Pick your fav Book:
23<select name="fav" title="Stooges">
24<option value="Xiao">Xiao ao jiang hu</option>
25<option value="She">She diao ying xiong</option>
26<option value="Lu">Lu ding ji</option>
27<option value="Shen">Shen diao xia lv</option>
28</select>
29</p>
30</card>
31<card id="GL">
32<onevent type="onenterbackward">
33<prev></prev>
34</onevent>
35<do type="accept">
36<go href="#display_fav"></go>
37</do>
38<p> Pick your fav Book.
39<select multiple="true" name="fav" title="Gu Long">
40<option value="Gu">Gu xing zhuan</option>
41<option value="Da">Da di fei ying</option>
42<option value="Tian">Tian ya ming yue dao</option>
43<option value="feng">Lu xiao feng</option>
44</select>
45</p>
46</card>
47<card id="display_fav">
48<p> Your fav was $fav. </p>
49</card>
50</wml>