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.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>

时间: 2024-10-03 04:08:56

WML教程10:分组选择控件(Optgroup)和复杂实例的相关文章

WML教程:文本框控件(Input)

教程|控件|文本框 <input name="name" title="title" type="type" value="value" format="specifier" emptyok="false|true" size="n" maxlength="n" tabindex="n"/> 用来输入文本,除了nam

WP8.1开发教程二: MapControl视图控件和Animation动画实例应用

WP8.1开发教程2:MapControl应用 MapControl对应ArcMap中的数据视图,它封装了Map对象,并提供了额外的属性.方法.事件用于: 管理控件的外观.显示属性和地图属性: 添加并管理控件中的数据层: 装载Map文档(.mxd)到控件中 从其它应用程序拖放数据到控件中: Tracking shapes and drawing to the display ArcGIS的每种控件都有属性可以设置,它们可以在可视化环境中进行编辑.将控件拖放到窗体上后,用户可以右键点击,选择"属性

WML教程之文本框控件Input_WML教程

<input name="name" title="title" type="type" value="value" format="specifier" emptyok="false|true" size="n" maxlength="n" tabindex="n"/> 用来输入文本,除了name属性是必要的,其他

学习Winform分组类控件(Panel、groupBox、TabControl)_C#教程

分组类控件主要包括容器控件(Panel),分组框控件(groupBox)和选项卡控件(TabControl)等控件. 一.Panel控件 Panel控件是由System.Windows.Forms.Panel类提供的,主要作用就是将其他控件组合一起放在一个面板上,使这些控件更容易管理.当Panel控件面板上要显示过多的控件时,可设置AutoScroll属性为true.  Panel控件在默认情况下不显示边框,如把BorderStyle属性设置为不是none的其他值,就可以使用面板可视化地组合相关

jQuery 颜色选择控件实例教程

插件效果 特点 平面模式 - 元素在页面中 功能强大的颜色选择控件 容易改变一些图片来定制外观 视图适中 使用方法 平面模式: $('#colorpickerHolder').ColorPicker({flat: true});自定义皮肤,在自定义窗口中使用平面模式显示颜色选择器小部件. 附加到一个文本字段,并使用回调函数来更新字段的值为所选颜色和也可以设置颜色的值后确定即可.  代码如下 复制代码 $('#colorpickerField1, #colorpickerField2, #colo

Windows Phone 8.1新特性:控件之列表选择控件

本篇我们来介绍Windows Phone 8.1 新特性中的列表选择控件. 在Windows Phone 8 时代,大家都会使用 LongListSelector 来实现列表选择控件,对数据进行分组显示.比如通讯录中,按照名字首字母进行分组,点击分组标题后跳转到该标题对应的分组. 而Windows Phone 8.1 中会利用 ListView和 SemanticZoom 来实现,下面我们来看看实现过程. 首先我们来认识一下ListView 和 SemanticZoom: ListView 从字

网页图片下拉选择控件使用实例

控件|网页|下拉 上周五在大富翁上看到如何在网页的下拉列表中显示图片一文,便做了一个mark,准备用周末思考一下.谁知道昨天出去玩一天,今天来收到邮件,问题解决了. 不想看内容的,请下载rar文件.下面是转贴: 相信大家都见过一些软件里的图片下拉选择控件吧?喏,OICQ中就有.但网页上的你见过没有?小阳今天就为你推出你心怡已久的这个控件,下面演示中就是了!效果还可以吧?心动不如行动,我们来看下是怎么弄出来的. 我们先来看下做出这个控件需要解决哪些问题. 第一,图片下拉列表框是一个层,它在选择提示

silverlight控件模型之选择控件和列表控件

选择控件:checkbox控件和radiobutton控件 <StackPanel Background="White" VerticalAlignment="Center"> <CheckBox Content="中间状态" IsThreeState="True" IsChecked="" Margin="20"></CheckBox> <Ch

Android高仿IOS 滚轮选择控件_Android

最近根据项目需要,整理了一个相对比较全面的 WheelView 使用控件,借用之前看到的一句话来说,就是站在巨人肩膀上,进行了一些小调整. 这里先贴上效果图 一般常用的时间选择格式,,单项选择,以及城市联动,这里基本都可以满足了. 这里把 单项选择,和 日期时间选择 给提出到 Util 类中,代码如下: public class Util { /** * 时间选择回调 */ public interface TimerPickerCallBack { void onTimeSelect(Stri