分享

WML教程10:分组选择控件(Optgroup)和复杂实例

 漂在北方的狼 2006-03-23
WML教程10:分组选择控件(Optgroup)和复杂实例
 

相关option分组产生层级,对最终用户来说可能没有什么意义,但是对于制作者来说,option分组可以提供很多方便。

相关属性:

1. title 标题,通常这种标题无法被显示

示例:

<card>
<p> what os you use now?
 <select name="os">
  <optgroup title="microsoft">
   <option value="dos">dos</option>
   <option value="windows">windows</option>
  </optgroup>
  <optgroup title="others">
   <option value="unix">unix</option>
   <option value="linux">linux</option>
  </optgroup>
 </select>
</p>
</card>

上例演示了一个基本的optgroup元素的应用,由于optgroup没有变量参数,所以只能提供有限的应用。

一个比较复杂的例子:

<?xml version="1.0"?>
<!doctype wml public "-//wapforum//dtd wml 1.1//en" "http://www./dtd/wml_1.1.xml">
<wml>

<template>
  <do type="options" label="back">
    <prev/>
  </do>
</template>

<card id="lists">
<p>
<select title="pick lists">
  <option onpick="#jy">jin yong</option>
  <option onpick="#gl">gu long</option>
</select>
</p>
</card>

<card id="jy">
<onevent type="onenterbackward">
  <prev/>
</onevent>
<do type="accept">
  <go href="#display_fav"/>
</do>
<p> pick your fav book:
<select name="fav" title="stooges">
  <option value="xiao">xiao ao jiang hu</option>
  <option value="she">she diao ying xiong</option>
  <option value="lu">lu ding ji</option>
  <option value="shen">shen diao xia lv</option>
</select>
</p>
</card>

<card id="gl">
<onevent type="onenterbackward">
  <prev/>
</onevent>
<do type="accept">
  <go href="#display_fav"/>
</do>
<p> pick your fav book.
<select multiple="true" title="gu long" name="fav" >
  <option value="gu">gu xing zhuan</option>
  <option value="da">da di fei ying</option>
  <option value="tian">tian ya ming yue dao</option>
  <option value="feng">lu xiao feng</option>
</select>
</p>
</card>

<card id="display_fav">
<p> your fav was $fav. </p>
</card>
</wml>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约