sina.com.cn
新浪首页 | 免费邮件 | 用户注册 | 网站地图

科技时代

新浪首页 > 科技时代 > > 新浪科技 > 正文




您还可以通过
新浪点点通软件
摩托罗拉6188手机
爱立信R320sc手机
西门子3518i手机
浏览新浪网新闻


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

http://www.sina.com.cn 2000/07/04 10:29 新浪科技

相关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.wapforum.org/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>



 相关链接
WML教程9:Select List 控件 (2000/07/03 15:10)
WML教程8:WML文档结构祥解 (2000/06/21 16:43)
WML教程7:WML的事件 (2000/06/16 19:33)
WML教程6:动作和链接 (2000/06/15 21:35)
 新浪推荐:定制您关心的新闻,请来我的新浪
新浪招聘网站
专题:亚洲杯足球赛
新浪奥运有奖竞猜
网上购买大幅奥运精彩图片
支持奥运,网上签名!
《音像世界》第9期
十一旅游征友
最新聊天室:E网情深




新闻查询帮助及往日新闻

网站简介 | 用户注册 | 广告服务 | 中文阅读 | RichWin | 联系方式 | 帮助信息

Copyright (C) 2000 SINA.com,Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网
本网站由北京信息港提供网络支持