BlogJava-Kelven Cheung-文章分类-WMLhttp://www.blogjava.net/zhangrenquan/category/10888.htmlzh-cnTue, 27 Feb 2007 12:25:40 GMTTue, 27 Feb 2007 12:25:40 GMT60WML语言与编程http://www.blogjava.net/zhangrenquan/articles/45147.htmlkelvenkelvenTue, 09 May 2006 01:43:00 GMThttp://www.blogjava.net/zhangrenquan/articles/45147.htmlhttp://www.blogjava.net/zhangrenquan/comments/45147.htmlhttp://www.blogjava.net/zhangrenquan/articles/45147.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/45147.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/45147.html阅读全文

kelven 2006-05-09 09:43 发表评论
]]>WML语言介绍http://www.blogjava.net/zhangrenquan/articles/35803.htmlkelvenkelvenFri, 17 Mar 2006 03:51:00 GMThttp://www.blogjava.net/zhangrenquan/articles/35803.htmlhttp://www.blogjava.net/zhangrenquan/comments/35803.htmlhttp://www.blogjava.net/zhangrenquan/articles/35803.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/35803.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/35803.html１.基本规则*

WML使用XML文档字符集，目前支持Unicode 2.0，和HDML不同，WML的所有标签，属性和规定的可接收值必须小写，CARD的名字和变量也是区分大小写的。和HDML一样，对于连续的空字符，只显示一个空格。标签内属性的值必须用"或者’括起来，属性名，＝和值之间不能有空格。对于不成对出现的标签，必须在>前加/，比如<br/>。

在对变量的引用上和HDML基本相同，有：$(var1:esc)$(var1:noesc)$(var1:unesc)三种形式，具体含义参见前面HDML的相关部分。在对保留字符的处理上也基本相同，对应的取代字符有：< <> >?’ &apos;" "& &$ $$空格 - -这里要指出的是在URL的传递过程中，用来连接参数的&必须转化为&。

２.基本格式和文件头

wml文件的一般格式：

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//
DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml><head> <access/> <meta..../> </head> <card>Some contents... </card><wml>Some contents...

结构看上去和HTMl文件很类似，对于每一个DECK，在其文档开头必须指明以下的类型声明。

千万注意字母的大小写。对于一个DECK，其文件大小最好不要超过1.2K。

标签和HTML中的标签一样，用来表明这是一个WML的DECK，它有一个可选的xml:lang属性来制定文档的语言，比如表示文档语言为中文。

和HTML一样，标签包含了该DESK的相关信息。标签之间可以包含一个标签和多个标签。

相当于HTML中的标签，指定该DECK的访问控制信息，它用两个可选的属性，domain用来指定域，默认值为当前域，path用来指定路径，默认值为"/"，即根目录。由于单独使用，所以要用/结尾，以后对于类似的情况不再赘述。

和HTML中的类似，提供了该DECK的meta信息。属性是必选的，包括一下三种情况name="name" UP.Link Server忽略meta数据http-equiv="name" UP.Link Server将meta数据转为HTTP响应头(同HTML)user-agent="agent" UP.Link Server直接将meta数据传给手机设备content属性也是必选的，其内容根据属性而定。scheme属性目前尚不支持。forua为可选属性，指定在该wml文件传到客户端之前，标签是不是被中间代理删除(因为传输的协议可能改变)，默认值为false。

目前支持的meta数据:指定DECK在手机内存缓存中的存储时间段，默认的为30天(除非内存耗尽)，在该期间，手机对于访问过的DECK直接从缓存里调用。如果信息是对时间敏感的，可以用max-age指定DECK在缓存里的生存期，最小单位是秒，如果指定为0，则每次都需通过连接服务器来调用该DECK。

类似于普通浏览器的书签功能。当用户将一个CARD做了书签后，手机浏览器首先用一个标记记录该CARD，这个标记默认的是标签中的title属性(以后会讲到)，然后当用户选择了该书签以后，浏览器就会打开被记录的URL。但是因为在默认的情况下，手机会记录所有的DECK，所以，一般被用来使手机不要记录当前的URL，即不用title属性。此外，如果要为书签指定不同于当前DRECk的URL，则需用title属性。

一个DECK可以包含多个CARD，每个CARD的内容可能不止一屏显示，注意DECK，CARD和屏幕显示范围的关系。一个CARD可以包含以下可选的属性：*id属性用来指定CARD的名字，可用来在CARD间跳转，相当于在HTML中在页内跳转时用。

*title属性用来作为书签的标记，该属性一般不会显示在屏幕上。

*newcontext属性，默认值为false，用来指示当跳转到本CARD时，手机是不是要清除以前保留的信息，包括变量，堆栈里的历史记录，重新设置手机状态等。

*ordered属性，默认值是true，表明该CARD里的内容是按固定的顺序显示，还是按用户的选择来显示。这点和HTMl不同，CARD页面里的内容可以按一定的顺序显示，默认的是按线性顺序显示，即按代码的顺序，但是，要注意的是，以下三个标签必须按以下顺序来写，(这和以后要讲的“事件”有关)。这样做是为了方便填表单，当ordered设置为true时，如果一个表单的内容不能在一屏里显示完，就分成多屏显示；当ordered设置为false时，手机可以显示一个概要CARD来总结有效的选项，用户可以从中选取表单选项来填写。

*onXXX属性，类似于HTML标签中的onXXX属性，用来捕捉事件，当事件被触发时执行指定的操作(任务)，在这里是转向某个URL。

３.显示文本

在文本的显示上WML基本和HTML相同。文字段落包含在<p align= "alignment" mode=" wrapmode">和</p>之间，align属性指定该段文字的对齐方式，默认的是left，其他可选择right和center；mode属性指定当一行显示不下所有的文字时是否自动换行，默认的是自动换行wrap，如果选nowrap，则在一行中显示，浏览器会通过类似于水平滚动条的机制来显示所有文字。换行标签也一样为<br/>，这里先替一下，在标单中如果有多个<input>或者<select>，其间不要用<br/>，否则会使手机浏览器认为是断点而把表单分页显示。

文字的修饰标签有<b>、<i>、<u>、<em>、<strong>、<big>和<small>，意义和HTML里的相同。

表格的显示标签也和HTML相近，使用<table title="name" align="left|right|center" columns="列数">、<tr>和<td>来显示，<table>的title属性用来给表格命名，columns属性指定表的列数，不能为0，可选的align属性和前面提到的一样是对齐方式。表格中可以包含文字和图片。

test1.wml--------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml><card><p align="center"><i>Hello</i><br/><b><i>World!</i></b><table title="mytable" align="right" columns="2"><tr><td>1-1</td><td>1-2</td></tr><tr><td>2-1</td><td>2-2</td></tr></table></p></card></wml>

４.显示图片

显示图片(1位黑白BMP图片)的标签一样类似于HTML，<img alt="text" src="url" localsrc="icon" align="left" height="n" width="n" vspace="n" hspace="n"/>，属性中alt和src是必须要有的，其他可选。另外要注意的是<img>要放在<p>里，不能放在<do>和<option>等功能健标签和选单标签里。

*alt属性用来指定当手机不支持图片显示时用来显示的文字。

*src属性指定图片的URL，但当有了以下的localsrc属性时，手机浏览器就忽略src属性。

*localsrc属性用来指定显示存在手机ROM中的图标，如果找不到，则到UP.Link Server上去找。

*可选的align属性用来表明图片同当前行文本的对齐方式，默认值为bottom，可选to和middle。

*height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距，目前不是所有的WAP手机都支持这些属性。

test2.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml><card><p align="center"><img alt=":)" src="xxx.bmp" localsrc="smileyface"/></p></card></wml>

５.锚和任务

连接是HTML页面里最基本的功能，在WML里也一样用<a href="url" title="label">和</a>来包括用来建立连接的文字，必选属性href指定了要打开的URL，可选的title属性给该连接取个标记名字，这个名字将作为软按钮之一的ACCEPT键(详见以前的HDML入门文章)的标记显示在屏幕的软按钮区，所以通常可以将属性作为提示文字使用。

然而，以上的连接在WML里只是任务的一种情况，为了能够使用其它任务，所以引进了新的标签<anchor title="label">任务标签文本</anchor>，<a>其实是当任务标签为<go/>时的简单表示方式。

test3.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"

"http://www.wapforum.org/DTD/wml_1.1.xml"><wml><card><p><anchor title="Link1"><go href="test1.wml"/>News</anchor><br/><a title="Link2" href="test2.wml">Sports</a></p></card></wml>WML里的任务标签有以下几种，除了用于<anchor>，还可以用在事件中：1)<go>用来指示浏览器显示指定的URL，包括DECK的第一个CARD或者指定的CARD。语法如下:<go href="url" sendreferer="false|true" method="get|post" accept-charset="charset"><postfield name="name" value="value"/><setvar name="name" value="value"/></go>其中href属性为必选，其他为可选。

sendreferer属性表示是否传递调用href所指定的URL的页面的URL，也就是当前页的URL，即HTTP头中的HTTP_REFERER，默认值为false，可选值为true。method和HTML中的表单FORM的method属性一样，指定表单是以get的方式还是post的方式递交，以便cgi处理，默认的值为get，但如果未指定method但<go></go>间存在<postfield>，手机自动以post方式传递。accept-charset属性可覆盖在HTTP头里指定的字符集，可以写多个字符集，如accept-charset="UTF-8,US-ASCII, ISO-8859-1"。

1)<postfield name="name" value="value"/>可以看作是HTML表单FORM中的<INPUT TYPE="HIDDEN" NAME="变量名" VALUE="值">，通过它可以向指定的URL传递以“变量名/值”形式的数据。name和value属性都是必选的。注意只有这里的变量是用来递交给CGI程序的。

除了<postfield>，还可以在<go>和</go>间加入一句或者多句<setvar name="name" value="value"/>，该语句的意思是，当触发某一事件时，给变量赋值。

要注意的是，当<go>和</go>之间没有任何语句时，要用<go/>的形式，这点比较特别，比如<anchor title="Link1"><go href="test.wml"/>News</anchor>。

2)<prev>用来将当前页面的URL压入URL历史堆栈，并打开此前的URL，若该URL不存在，则<prev>无效。语法类似<go>：<prev><setvar name="name" value="value"/></prev>，<prev>和</prev>之间可加入一句或多句<setvar name="name" value="value"/>，若不加，则必须变成<prev/>的形式。

3)<refresh>用来刷新当前的页面，从而使得页面内的变量刷新，语法为<refresh><setvar name="name" value="value"/></refresh>。

4)<noop>，表示什么也不做，该标签不能用在<anchor>中，一般用在覆盖DECK级的<do>(后面会有说明)。

６.显示表单

类似于HTML的<FORM>，<fieldset>可用来包括一组表单选项，但不是必须的。前面说过，当<card>的ordered设置为false时，手机可以显示一个概要CARD来总结有效的选项，方便用户从中选取表单选项来填写，概要CARD就是根据<fieldset>和独立的输入框<input>以及选单<select>来总结的。语法为，<fieldset title="label">表单内容</fieldset>，可选的title属性除了可用来表示表单的名字外，还在概要CARD里作为选择项的标题。表单内容可以是嵌套的<fieldset>，输入框<input>，选单<select>和必要的提示文本。

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

*name属性，指定了用来存储该输入文本的变量名字。

*title属性，该输入框的名字，同样可被用来作为概要CARD页中的选项名。

*type属性，默认值为text，如选择password，则输入的数据显示为*。

*value属性，在语法和行为上等同于下面的default属性，*default属性，指定输入框的默认值，即name属性指定变量的默认值，当用户输入新值时，该值无效，如果该值不符合以下format属性的规定，则手机也忽略该默认值。

*format属性，用来格式化输入的数据，可用的标记如下，使用时可用“一位数字标记”和“*标记”的形式，前者代表N个标记型字符，如3X，后者代表任意个(小于maxlength属性的值)标记型字符。

<optgroup>可用来将多个<option>分组，<optgroup>和</optgroup>间还可包括<optgroup>和<option>，该标签目前尚未被支持。

<option>，类似于HTML中选单的<OPTION>，用来表示选单的可选项。<option>和</option>间可包括事件(见下节)和选单的显示文本。<option>的属性为可选，其中value属性用来提供值，当选到该项后，将该值赋给<select>的name属性所指定的变量。onpick属性，用来指定用户选到该项并按ACCEPT键后所打开页面的URL。

test5.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml><card id="card0" ordered="false"><p>Please select a city...<select title="Cities List" name="city"><option title="Beijing" value="c1">Beijing</option><option title="Shanghai" value="c2">Shanghai</option><option title="Hongkong" value="c3">Hongkong</option></select>Please select columns...<select title="Column List" multiple="true" name="col"><option title="Hot News" value="l1">News</option><option title="Cool Sports" value="l2">Sports</option><option title="Pop Enter,,," value="l3">Entertainment</option></select></p></card></wml>

７.事件

WML的事件基本上分为两大类，一类是键盘(包括软硬按钮)输入事件，用<do>标签来处理，另一类是相关页面内部的事件，用<onevent>标签来处理。

<do>的语法如下：<do type="type" label="label" name="name" optional="false|true">任务</do>，任务就是以前提到的四种任务。<do>的属性中，type是必选的，其他为可选。

*label属性，指定了软按钮在屏幕上的显示文本。目前type属性为delete，help，prev时该属性无效。

*name属性，为<do>取个名字，同一的CARD里的<do>不能重名。如果CARD级的<do>和DECK级的<do>同名，则覆盖DECK级的<do>。

*optional属性，指定手机是不是可以忽略这个事件，默认值是false。

*type属性，指定触发的事件，具体如下；type值触发原因accept调用ACCEPT按钮机制delete调用DELETE按钮机制help调用HELP按钮机制options调用选择按钮机制prev调用PREV按钮机制reset调用清除和重新设定手机状态时的RESET机制(目前不支持)unknown调用unknown机制，等于type=""(目前不支持)vnd. co-type调用厂商特定的机制(目前不支持)X-*, x-*供以后使用(不保留)(目前不支持)test6.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml><head><meta http-equiv="Cache-Control" content="max-age=0"/></head><card id="card0" ordered="false"><do type="accept" label="InputName" name="do1"><go href="#card01"/></do><p>NAME:<input name="userName" title="User Name" type="text" format="*M" emptyok="false" maxlength="12"/></p></card><card id="card01"><p>You name is $(userName:noesc).</p></card></wml><onevent>的语法如下，<onevent type="type">任务</onevent>，必选属性type的取值如下:type值如果用户执行了以下操作就执行任务onpick用户选择或不选一个<option>项时。

标记描述A任何符号或者大写字母(不包括数字)a任何符号或者小写字母(不包括数字)N任何数字(不包括符号或者字母)X任何符号、数字或者大写字母(不可改变为小写字母)x任何符号、数字或者小写字母(不可改变为大写字母)M任何符号、数字或者大写字母(可改变为小写字母)或者多个字符，默认为首字大写m任何符号、数字或者小写字母(可改变为大写字母)或者多个字符，默认为首字小写*maxlength属性，指定了用户可输入的最大字符长度，最大限制为256个字符。

*emptyok属性，表示用户可否不填输入框，默认为false，即要填。

*size属性，输入框显示长度，目前未被支持。

*tabindex属性，类似于在HTML表单中按TAB键后，焦点落在哪个选项上，该值决定了这个选择顺序，数字大的排在后面。目前未被支持。

test4.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml><card id="card1" ordered="false"><p>USERNAME:<input name="userName" title="User Name" type="text" value="YourNameHere" format="*M" emptyok="false" maxlength="12" tabindex="1"/>PASSWORD:<input name="password" title="Password" type="password" format="8x" emptyok="false" maxlength="8" tabindex="2"/>COMMENTS:<input name="comments" title="comment" type="text" value="YourCommentsHere" format="*M" emptyok="true" maxlength="30" tabindex="3"/></p></card></wml>将上例<card>中的odered的值改为"true"试试看，然后再在<p>和</p>内加入<fieldset title="field1">和</fieldset>试试看。

<select>选单类似于HTML表单中的<SELECT>，<select>和</select>间可包含<optgroup>和<option>标签，语法如下，所有属性都为可选：<select title="label" multiple="false|true" name="variable" default="default" iname="index_var" ivalue="default" tabindex=" n"><optgroup title="label">选单内容</optgroup><option title="label" value="value" onpick="url">事件或者文本</option></select>*title属性，如以上<input>的title属性。

*multiple属性，指定用户可否进行多项选择，默认值为false。

*name属性，用来存储用户选择项的变量名，其值为<option>标签的value属性，若用户没有选择又没有用default属性指定默认值，则手机将改变量赋值为空字符串""，对于多项选择，每个值用“;”分开。

*default属性，可为name属性指定的变量赋默认值。

*iname属性，用来记录用户选择项的位置，相应的值从1开始。若没选，则该值为0。

*ivalue属性，用来记录默认值所在的位置。

onenterforward用户使用<go>任务到达一个CARD时。

onenterbackward用户使用<prev>任务返回到前面的CARD时，或者按BACK按钮时。

ontimer当<timer>过期时。

test7.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml><head><meta http-equiv="Cache-Control" content="max-age=0"/></head><card id="card0" ordered="false"><p>Please select a city...<select title="Cities List" name="city"><option title="Beijing" value="Beijing"><onevent type="onpick"><go href="#card01"/></onevent>Beijing</option><option title="Shanghai" value="Shanghai" onpick="#card01">Shanghai</option><option title="Hongkong" value="Hongkong" onpick="#card01">Hongkong</option></select></p></card><card id="card01"><p>You are Living in $(city:noesc)</p></card></wml><timer/>可以用来在用户不进行任何操作的一段时间后，自动执行一个任务，任何激活CARD页面的任务和用户操作都会启动<timer/>，而任务进行时，<timer/>就停止。每个CARD只能有一个<timer/>，一个<timer/>只能触发一个任务。语法如下：<timer name="variable" value="value"/>，其中name为可选属性，指定为一个变量名，当退出该CARD时，该变量存储此时定时器的值，当定时器超时时，手机将该变量设为0；value为必选属性，用来设置定时器的定时值，最小单位为0.1秒。

test8.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml><head><meta http-equiv="Cache-Control" content="max-age=0"/></head><card id="card1" ontimer="#card2"><timer name="time1" value="50"/><p align="center">After 5s, goto card2</p></card><card id="card2"><onevent type="ontimer"><go href="#card1"/></onevent><timer name="time2" value="50"/><p align="center">Here is card2!</p></card></wml>再提一下，<onevent><timer><do>三者必须按以上顺序写。

此外在DECK级还可以加入<template>，用来将事件捆绑在DECK级上，语法如下：<template onenterforward="url" onenterbackward="url" ontimer="url"><do>或者<onevent></template>test9.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml><head><meta http-equiv="Cache-Control" content="max-age=0"/></head><template><do type="accept" label="deckPress" name="do1"><go href="#card01"/></do></template><card id="card0" ordered="false"><do type="accept" label="cardPress" name="do1"><go href="#card02"/></do><p>Press ACCEPT...</p></card><card id="card01"><p>Here is card01</p></card><card id="card02"><p>Here is card02</p></card></wml>

onenterforward用户使用<go>任务到达一个CARD时。

onenterbackward用户使用<prev>任务返回到前面的CARD时，或者按BACK按钮时。

ontimer当<timer>过期时。

test7.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml><head><meta http-equiv="Cache-Control" content="max-age=0"/></head><card id="card0" ordered="false"><p>Please select a city...<select title="Cities List" name="city"><option title="Beijing" value="Beijing"><onevent type="onpick"><go href="#card01"/></onevent>Beijing</option><option title="Shanghai" value="Shanghai" onpick="#card01">Shanghai</option><option title="Hongkong" value="Hongkong" onpick="#card01">Hongkong</option></select></p></card><card id="card01"><p>You are Living in $(city:noesc)</p></card></wml><timer/>可以用来在用户不进行任何操作的一段时间后，自动执行一个任务，任何激活CARD页面的任务和用户操作都会启动<timer/>，而任务进行时，<timer/>就停止。每个CARD只能有一个<timer/>，一个<timer/>只能触发一个任务。语法如下：<timer name="variable" value="value"/>，其中name为可选属性，指定为一个变量名，当退出该CARD时，该变量存储此时定时器的值，当定时器超时时，手机将该变量设为0；value为必选属性，用来设置定时器的定时值，最小单位为0.1秒。

test8.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml><head><meta http-equiv="Cache-Control" content="max-age=0"/></head><card id="card1" ontimer="#card2"><timer name="time1" value="50"/><p align="center">After 5s, goto card2</p></card><card id="card2"><onevent type="ontimer"><go href="#card1"/></onevent><timer name="time2" value="50"/><p align="center">Here is card2!</p></card></wml>再提一下，<onevent><timer><do>三者必须按以上顺序写。

此外在DECK级还可以加入<template>，用来将事件捆绑在DECK级上，语法如下：<template onenterforward="url" onenterbackward="url" ontimer="url"><do>或者<onevent></template>test9.wml---------------<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml><head><meta http-equiv="Cache-Control" content="max-age=0"/></head><template><do type="accept" label="deckPress" name="do1"><go href="#card01"/></do></template><card id="card0" ordered="false"><do type="accept" label="cardPress" name="do1"><go href="#card02"/></do><p>Press ACCEPT...</p></card><card id="card01"><p>Here is card01</p></card><card id="card02"><p>Here is card02</p></card></wml>



kelven 2006-03-17 11:51 发表评论
]]>WML—XML标记语言开发实例详细解析http://www.blogjava.net/zhangrenquan/articles/35802.htmlkelvenkelvenFri, 17 Mar 2006 03:46:00 GMThttp://www.blogjava.net/zhangrenquan/articles/35802.htmlhttp://www.blogjava.net/zhangrenquan/comments/35802.htmlhttp://www.blogjava.net/zhangrenquan/articles/35802.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/35802.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/35802.html本文主要介绍WML的相关知识，如何开发WAP应用程序。

WML是一种基于XML的标记语言，她的官方说明和规范是由WAP论坛维护的。WML的文档类型定义是xml文件类型的，http://www.wapforum.org/DTD/wml_1.1.xml。

和HTML语言一样，WML是为了显示数据的，而XML的目的则是描述数据，我们定义了一系列的标记并组织成为语法规范把它称为DTD(Document Type Definition)。支持WAP的手机里面都安装了WAP浏览器他能够解析这些标记并正确显示在手机屏幕上。

通常在WML的文本的开头都有这样的内容

<xml version='1.0'>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

我们把它叫做序言。在后面就是标记了，我们所有的数据都是嵌套在这两个标记里面的。WML的标记非常少，基本可以分为两种一种称为Deck/Card一种称为Event。在这里不能一一讲述，在我们开发WML应用的时候参考手册就可以了，我给大家提供一个在线的参考：Online WML Tag Reference。

在标记内的内容我们把它称为deck，每个屏幕的内容我们把它定义为card，由于WML是为无线网络传输定义的，充分考虑到带宽的限制，我们允许在一个deck内包含多个card并可以一起下载到用户代理中，这样我们就可以在本地进行不同屏幕的切换了，避免每次都去联网。当然这也给客户端增加了负担，因此我们要避免在deck内包含过多的card。

下面我们编写一个WML的例子test.wml，内容如下：

<?xml version='1.0'?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
 
<wml>
<card id="Login" title="Login">
<do type="accept" label="Password">
<go href="#Password"/>
</do>
<p>
  UserName:
<select name="name" title="Name:">
<option value="John Doe">John Doe</option>
<option value="Paul Smith">Paul Smith</option>
<option value="Joe Dean">Joe Dean</option>
<option value="Bill Todd">Bill Todd</option>
</select>
</p>
</card>

<card id="Password" title="Password:">
<do type="accept" label="Results">
<go href="#Results"/>
</do>
<p>
  Password: <input type="text" name="password"/>
</p>
</card>

<card id="Results" title="Results:">
<p>
You entered:<br/>
Name: $(name)<br/>
Password: $(password)<br/>
</p>
</card>
</wml>

在这个deck中包含了三个card,可以一并下载到客户端，通过按键操作我们就可以在不同的card之间进行切换，你可以在手机或者winwap模拟器中看看运行的效果。下面是winwap下的运行截图。

虽然我们已经可以开发wml的应用了，但是这些毕竟都是些静态的内容。如果我们要开发和服务器交互的功能呢？答案当然是我们可以使用Servlet技术。看下面的例子：

<?xml version='1.0'?>
<DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card id="Order" title="Query Inventory">
<p>
<select name="Items" title="Items">
<option value="Books">Books</option>
<option value="Music">Music</option>
<option value="Video">Video</option>
<option value="Software">Software</option>
</select>
</p>
<do type="accept" label="Query">
<go href="http://222.28.218.222:8088/wap/wapservlet" method="get">
<postfield name="Items" value="$(Items)"/>
</go>
</do>
</card>
</wml>

用户可以从列表中选择Item,通过无线网络传输给服务器后Servlet通过request.getParameter()方法得到用户的选择并发送给用户，servlet的代码如下：

package com.j2medev.mingjava;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


public class WapServlet extends HttpServlet
{

protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws
 ServletException, IOException
{
String select = request.getParameter("Items");
response.setContentType("text/vnd.wap.wml");
PrintWriter out = response.getWriter();
out.println("<?xml version=\"1.0\"?>");
out.println("<!DOCTYPE wml PUBLIC\"-//WAPFORUM//DTD WML 1.1//EN\"");
out.println("\"http://www.wapforum.org/DTD/wml_1.1.xml\">");
out.println("<wml>");
out.println("<card title=\"test\">");
out.println(" <p align=\"center\">");
out.println("you selected "+select);
out.println("</p>");
out.println("</card>");
out.println("</wml>");

}

protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws
 ServletException, IOException
{
doGet(request,response);
}
}

正确部署Servlet和wml文件后，在winwap下输入http://222.28.218.222:8088/test2.wml 确认后就可以看到you selected xxxx的内容了。



kelven 2006-03-17 11:46 发表评论
]]>WML的表格和图形http://www.blogjava.net/zhangrenquan/articles/35801.htmlkelvenkelvenFri, 17 Mar 2006 03:45:00 GMThttp://www.blogjava.net/zhangrenquan/articles/35801.htmlhttp://www.blogjava.net/zhangrenquan/comments/35801.htmlhttp://www.blogjava.net/zhangrenquan/articles/35801.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/35801.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/35801.html由于浏览终端的限制，WML无法也没有必要提供复杂的表格功能

1、基本属性（table）

相关属性：

title 表格的标题
align 为表格内的文本和图片设置水平对齐方式，C=center L=left R=right，缺省参数为L
columns 表格列数目，当该变量设置为0时会发生错误。

2、表格行（tr）

tr用来声明一行表格，WML允许空白行的存在，而且空白行不会被浏览器忽略。

3、表格列（td）

td元素声明表格中的一个单元格，单元格可以为空白，而且空白单元格不会被浏览器忽。浏览器可以处理多行文本的单元格，单元格分行可以用<img>或<br/>标签。

Nokia 7110不支持多列表格，所以表格应用在一定程度上受到限制。

示例：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>

<card>
<p>
　<table columns="2">
　　<tr><td>one</td><td>two</td></tr>
　　<tr><td>1</td></tr>
　　<tr><td>B</td><td>C<br/>D</td></tr>
　</table>
</p>
</card>
</wml>

图形

　　WML提供1位黑白BMP图片的操作，标签类似于HTML，<img alt="text" src="url" localsrc="icon" align="left" height="n" width="n" vspace="n" hspace="n"/>，属性中alt和src是必须要有的，其他可选。另外要注意的是<img>要放在<p>里，不能放在<do>和<option>等功能健标签和选单标签里。

　　alt属性用来指定当手机不支持图片显示时用来显示的文字。
　　src属性指定图片的URL，但当有了以下的localsrc属性时，手机浏览器就忽略src属性。
　　localsrc属性用来指定显示存在手机ROM中的图标，如果找不到，则到UP.Link Server上去找。
　　可选的align属性用来表明图片同当前行文本的对齐方式，默认值为bottom，可选to和middle。
　　height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距，目前不是所有的WAP手机都支持这些属性。

示例：

<img src="http://wap.sina.com.cn/wbmp/logo.wbmp" alt="sina"/>



kelven 2006-03-17 11:45 发表评论
]]>WML语言基础http://www.blogjava.net/zhangrenquan/articles/35800.htmlkelvenkelvenFri, 17 Mar 2006 03:43:00 GMThttp://www.blogjava.net/zhangrenquan/articles/35800.htmlhttp://www.blogjava.net/zhangrenquan/comments/35800.htmlhttp://www.blogjava.net/zhangrenquan/articles/35800.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/35800.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/35800.html
2.1 WML的简单例子及编辑、测试方法

无限标记语言WML(Wireless Markup Language)是一种基于扩展标记语言XML(Extension Markup Language)的语言，是XML的子集。它可以显示各种文字、图像等数据，是由WAP论坛（http://www.wapforum.org）提出并专为无线设备用户提供交互界面而设计的，目前版本为1.1版。这些无线设备包括移动电话，呼机和个人数字助理PDA(Personal Digital Assistants)等。

2.1.1 WML与WAP设备

为了更好的了解和使用WML语言，开发人员应对WML使用的设备和支持WML的设备的特点、特征有个大概的了解。

一般而言，WML使用的无线设备通常具有以下特点：

与普通的个人计算机相比，体积较小；
设备的内存有限，且其CPU性能也有限；
通讯带宽较窄、时延较长。

以移动电话、PDA为例来讲，支持WML的设备主要具有以下特征：

有一个显示屏幕，可显示2.凶址啃?2各字符；2.凶址型ǔ０ūＡ舾δ馨磁サ囊恍校?br>支持数字和字符的输入；
支持操作者使用箭头或数字按钮进行选择；
支持ASCII的可打印码；
通常都有两个可编程功能键，即Accpet键和Options键，一般安排在接近键盘的屏幕下方；
通常有一个Prev导航键。

我们介绍WML所使用WAP设备的目的，是希望读者通过WAP设备的特点、特征来了解WML语言的特点，进而对WML编程所要解决的问题有个大概的认识。

2.1.2 使用文本编辑器面写WML程序

使用WML语言编写WAP网页或应用时，需要使用一个编辑器进行编辑。与HTML编程一样，WML编写的程序也是纯文件文本，可以使用任意文本编辑器进行编写，比如Windows系统中的“记事本（NotePad）”等。也可以使用比如Nokia WAP Toolkie等软件（有关此具体的用法会在以后的学习过程中提起）。我们先介绍第一种方法，随后介绍第二种。

如果要使用"记事本（NotePad）"来编写WML程序，则可以在Windows系统中，单击“开始”按钮，然后从出现的菜单中，依次将光标指向“程序”、“附件”、“记事本”，启动“记事本”程序。屏幕上随后就会出现它的编辑窗口，从中就可以输入并编写WML程序了。

作为举例，我们可以输入如下简单的程序。



<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//wapforun//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<xml>
<card id="card1" title="Title">
<P>
<!--Write your card implementation here.-->
Hello World!!
</P>
</card>
</xml>


输完后将它保存为hello.xml文件。保存时注意文件的扩展名应为xml而不是txt。

2.2 WML程序结构

上一节我们降解了一个简单的WML程序，具有HTML编程的读者可以看出，WML程序在结构上形式上与html程序有很多相似之处。下面我们就根据一个实例来分析一下WML程序的结构及组成。

2.2.1 WML的元素和标签

分析实例之前，我们有必要对WML的元素和标签予以简单说明。与HTML类似，WML的主要语法也是元素和标签。元素是符合DTD（文档类似定义）的文档组成部分，如title(文档标题)、IMG（图像）、table(表格)等等，元素名不区分大小写。WML使用标签来规定元素的属性和它在文档中的位置。标签使用小于号（<）和大于号（>）括起来，即采用“<标签名>”的形式。标签分单独出现的标签和成对出现的标签两种。大多数标签是成对出现的，由首标签和尾标签组成。首标签和尾标签又分别称为起始标签和终止标签。首标签的格式为“<元素名>”，尾标签的格式为“</元素名>”。成对标签用于规定元素所含的范围，比?lt;b>和</b>标签用于界定黑体字的范围，也就是说<b>和</b>之间包住的部分采用黑体字显示。单独标签的格式为“<元素名/>”，他的作用是在相应的位置插入元素。如〈br/〉标签表示在该标签所在位置插入一个换行符。

2.2.2 WML程序结构形式及组成的实例分析

了解了上述知识后，下面我们在分析一个实例程序。程序如下：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapfourm.org/DTD/wml_1.1.xml">

<wml>

<card id="card1" ontimer="#card2" title="Tookit Demo">
<timer value="50"/>
<p aligh="center">
</br></br></br>
<big>
<!--Write your card implementation here.-->
Welcome to....
</big>

</p>
</card>

<card id-"card2" ontimer="#card 3"title="Toolkit Demo">
<timer value="50"/>
<p align="center">
<br/><br/>
<b>
The Nokia<br/>
</b>
Wireless Application Protocol
</u>
...
</p>
</card>

<card id="card3"title="Toolkit Demo">
<p align="center">
<br/><br/><br/>
<big>
<i>
Toolkit
</i>
</big>
</p>
</card>

</xml>


该程序运行后将在WAP手机屏幕依次显示3屏信息。先显示"Welcome to ..."，然后显示"The Nokia Wireless Application Protocol..."，最后显示"Tookit!"。显示时每屏都有标题"Tookit Demo"，相邻两屏之间延时为50，其单位大小为1/10秒，延时50即5秒。

通过以上实例我们可以了解到WML程序的结构形式及组成：

1)语法。WML与HTML极为相似。仍然是一种标记语言，并且延续了XML的语法规则，具体的语法我们会以后的学习过程中遇到。

2)文件声明。所有的WML程序必须在文件的开头处声明XML文件类型，包括XML的版本，WML的文档类型、所用规范等。声明形式如下：

<?xml version="1.0">
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">


3)标签。在WML语言中需要使用标签（Tag），其使用形式与HTML和XML等标记语言中的形式是完全一致的。

4）元素。WML的元素（Element）用于描述卡片组（Deck）的标记信息即结构信息。一个元素通常有一个首标签、内容、其它元素及一个尾标签组成，具有下述两种结构之一：

<首标签>内容</尾标签>
或
<标签/>

元素包含的内容中还可以有元素，这些元素也是有首标签、相应内容、其它元素及尾标签组成。不包含内容的元素成为空元素。它为一个单独的标签。或者说，单独的标签也是一种元素。

5)属性。WML与XML一样，其标签可以包含很多属性。属性用于给标签提供必要的附加信息，且属性内容通常在起始标签内使用。不过，属性内容不会被浏览器显示，它至作为参数为标签提供必要的信息。

指明属性值的时候，需要把该值用引号扩起来，可以是单引号或者双引号，引号通常成对嵌套使用。属性名称必须小写。例如：<card id="card 1" ontimer="#card2" title="Toolkit Demo">

而且，单引号的属性中还可以包含双引号的属性。实体字符也可以作为属性值。实体字符是指诸如&、<、>、'、"的特殊字符，在WML程序中显示着类字符需要特殊处理，后面我们介绍具体方法。

6)注释。WML程序中也可以加入注释。注释内容用于给开发人员顺利阅读源代码提供方便，它不会被浏览器显示出来。注释内容在标签中用感叹号（！）引出，并用于<!--注释内容-->的形式。例如：<!-- Write your card implementation here.-->。需要说明的是，XML程序中不支持注释的嵌套。

7)文档结构。WML文档是由“卡片（Card）”和“卡片组（Deck）”构成的，一个Deck是一个或多个Card的集合。当客户端发出请求之后，WML即从网络上把Deck发送到客户浏览器，这是用户就可以浏览Deck内包含的所有Card，而不必从网上单独下载每一个Card，程序中的第一个Card是缺省得可见的Card。

注意：Deck是一副纸牌的意思，这里是指一叠卡片，所以我们在这里称之为它为“卡片组”。另外，Card指的是WAP手机屏幕大小的网页，尽管有时一个Card可能需要多屏才能显示完，但我们也可以把它翻译成“页面”，不过这样与HTML中的页面容易混合。因此我们在这里称之为卡片。

2.2.3 WML程序的基本结构

以上我们简单分析了WML的程序结构及组成，由此大家可以对WML程序有个整体上的初步认识。下面我们给出WML程序的基本结构。

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1xml">
<wml>
<head>
<access/>
<meta..../>
</head>
<card>
Some contents...
</card>
<wml>


该基本结构可以分为以下几个关键部分：

1）声明。WML程序有许多Deck组成，对于每一个Deck，在其文档开头必须进行XML的声明和文档类型DOCTYPE的声明。

XML声明总是在文件的第一行，注意前面最好不要有空格或者还行：

<?xml version="1.0"?>

2）紧跟着是DOCTYPE声明，注意声明是字母的大小写不要搞错：

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1xml">

3）<xml>标签。该标签用于包含和定义WML的一个Deck。它有一个可选的xml：lang属性来制定文档的语言，比如<wml xml:lang="zh">表示文档语言为中文。

4）<head>标签。该标签用于包含和定义Deck的相关信息。<head>标签之间可以包含一个<access>标签和多个<meta>标签。

5）<access/>标签。它的一般形式是<access domain="域" path="/路径"/>，主要用于制定当前Deck的访问控制信息，有两个可选的属性。其中，domain用来制定域，默认值为当前域，path用来制定路径，默认值为“/”，即跟目录。由于<access>单独使用，所以要用“/”结尾，后面我们还会系统的讲解WML的各种标签，这里即使看不懂也没关系，主要有些感性的认识就可以了。

6）<meta...>标签。它的一般形式是<meta 属性 content="值" scheme"格式" forua="true|false"/>，用于提供当前Deck的meta信息，包括内存数据处理方式，以及数据传输方式和处理方式等。有关该标签的详细内容我们后面会专门给出。

7）<card>标签。一个Deck可以包含多个Card，每个Card的内容可能不止一屏显示。对于每一个Card，WML均使用<card>和</card>进行包含和定义。 <card>同时可以包含多个可选的属性，如<card id="name" title="label" newcontext="false" ordered="true" onenterforwand="url" pmemterbackward="url" ontimer="url">。至于这些属性的具体含义及功能，我们将在后面介绍。

2.3 WML语言的基本知识

上一节我们介绍了WML程序的基本结构，接下来我们介绍WML语言的基本知识，主要包括WML的字符集、变量、数据类型及WML程序的基本组成部分等。

2.3.1 WML的字符集及编码

WML使用XML的字符集，即通用字符集ISO/IEC-1062.，也即统一字符编码标准Unicode 2.0。同时，WML还支持其他系列的字符集子集，例如UTF-8、ISO-8859-1或UCS-2等。其中：

UTF-8是指通用字符集UCS(Universal Character Set)的转换格式8(Transformation Format 8)，主要传输国际字符集的转换编码。UTF-8采用了UCS字符的8位编码，提供了十分安全的编码格式，可以有效避免数据传输过程中的窃听、截取及非法解密。同时，UTF-8与7位ACSII码完全兼容，不会影响此类编码实现的程序；它的编码规则十分严格，能够有效避免同步传输错误，而且还会支持其它字符集提供了足够的空间。

ISO-8859-1字符集是国际标准化组织ISO(International Standardization Organization)制定的ACSII字符集的扩展集，能够表示所有西欧语言的字符。与ISO Latin-1一样，ISO-8859-1与Windows环境中普遍使用的美国国家标准协会ANSI(American National Standards Institute)的字符集极为类似，绝大多数情况下无需区分。在不特别指明的情况下，HTTP协议均使用ISOLatin-1字符集。因此，为了WML页面中表示非ACSII（non-ACSII）字符，开发人员需要使用相应的ISO Latin-1编码的字符。

UCS-2是ISO 1062.标准中自定义的通用多8位编码字符集(Universal Multiple-Octer Coded Character Set)的2字节（即16位）编码标准，其字符编码值与Unicode字符的标准编码值相等。

WML文档可以采用HTML 2.0规范所定义的任何字符编码标准经编码处理。一般说来，WML文档的字符编码是需要转换为另外的编码格式，以与WAP用户的手机浏览器所用字符标准相适应，否则，手机浏览器就无法显示WML页面中的字符。然而，编码转换时可能会丢失一些字符信息，所以，如果在用户端进行WML文档的编码转换，那么就可能导致某些结果信息丢失而不能被用户所浏览。因此，如有必要，我们应当尽量在WML页面传送到用户浏览器之前完成编码转换。

为了解决这一问题，一方面，我们需要为Web服务器补充定义WML的数据类型，以让服务器可以准确传输这些数据，另一方面，我们需要制订编码转换的原则。

2.3.2 WML字符使用基本规则

WML是一种比较严格的语言，字符使用必须遵守相应的规则，这些基本规则主要包括以下几个方面：

1）大小写敏感。在WML中，无论是标签元素还是属性内容都是大小写敏感的，这一点继承了XML的严格特性，任何大小写错误都可能导致访问错误。

一般来说，WML的所有标签，属性，规定和枚举及它们的可接受值必须小写，Card的名字和变量可大写和小写，但它是区分大小写的。包括参数的名字和参数的数值都是大小写敏感的，例如variable1、Variable1和vaRiable1都是不同的参数。 2）空格。对于连续的空字符，程序运行时只需要一个空格。属性名、符号（=）和值之间不能有空格。

3）标签。标签内属性的值必须使用双引号（"）或单引号（'）括起来。对于不成对出现的标签，必须在大于号（>）前加上顺斜杠（/），比如换行标签必须写成<br/>才正确。

4）不显示的内容。在WML中，不显示的字符主要包括换行符、回车符、空格和水平制表符，它们的8位十六进制内码分别为10、13、32及9。

程序执行时，WML将忽视所有的多于一个以上的不显示字符，即WML会把一个或多个连续的换行、回车、水平制表符及空格转换成一个空个。

5）保留字符。这是WML的一些特殊字符，如小于号（<）、大于号（>）、单引号“'”、双引号“"”、和号（&）。

6）显示汉字。如果希望WML程序执行时能够显示汉字，则只需要程序开头使用encoding指定汉字字符集即可。例如：<?xml version="1.0" encoding="gb2312">。

注意：指定汉字字符集的形式和方法可能因为开发工具或WAP手机的不同而不同。

2.3.3 变量

WML编程中可以使用变量，变量使用前必须进行定义。变量一旦在Deck中的某一个Card上定义过，其他Card则可以不必重新定义就能直接调用该变量。

定义变量的语法格式为：
$identifier
$(identifier)
$(identifier:conversion)

其中identifier指变量名，或说变量标示符；conversion指变量的替代。

变量名是由US-ACSII码、下划线和数字组成的，并且只能以US-ACSII码开头。变量名严格区分大小写，也即，变量名是大小写敏感的。

定义变量的语法在WML中享有最高的解释优先级。

有关变量的使用说明如下：

1）在WML中，变量可以在字符串中使用，并且在运行中可以更新变量的值。

2）当变量等同于空字符串时，变量将处于未设置状态，也就是空（Null）。

3）当变量不等同于空字符串时，变量将处于设置状态，也就是非空（Not Null）状态。

4）在“$identifier”形式下，WML通常以变量名后面的一个空格表示该变量名的结束。如果在某些情况下空格无法表示一个变量名的结束，或者变量名中包含有空格，则必须使用括号将变量名括起来，即采用“$(identifier)”的形式。

WML程序中的变量是可以替代的，我们可以把变量的数值赋给Card中的某一文本。有关变量替代说明如下：

1）在WML程序中，只有文本部分才可以实现替代。

2）替代一般在运行期发生，而且替代不会影响变量现在的值。

3）任何标签是按照字符串替代的方式实现的。

4）替代是按照字符串替代的方式实现的。

由于变量在语法中有最好的优先级，包含变量声明字符的字符串将被当作变量对待，所以如果要使程序显示“$”符号，则需要连续使用两个“$”进行说明。例如：<p> Your acconut has $$15.00 in it </p>一句显示的结果为：Your account has $15.00 in it。

2.3.2. WML核心数据类型

WML的核心数据类型均属于字符型数据，是根据XML的数据类型定义的，共有下述2.掷嘈停?1）CDATA型。这种数据类型是WML用得最多的一种，可以是数字、字符串或包含数字的字符串。不过定义时，不论是数字或字符串，都必须以文本的形式定义，及数据用引号引起来。CDATA型的数据仅用于属性值。例如"$(value)"或name="value"等。注意，这里的value指CDATA型的数据值。

2）PCDATA型。这是从CDATA中分解出来的一类数据，除了可以是文本形式的数字、字符串或两者的混合串外，还可以是WML的标签。PCDATA型的数据只能用于WML的元素表示。

3）NMTOKEN型。这是一类特殊的数据，凡是包含或部分包含数字、字母及标点符号的数据均属于NMTOKEN型数据。这种数据可以用标点符号开头，但不用于定义变量名或元素名。

4）id型。专门用于定义WML元素名称的数据类型。

在这2.掷嘈椭校珻DATA型用起来比较灵活，它可以使变量或数据免于语法检查。这是因为，CDATA内的数据内容都会被当作文本来处理，从而可以避免WML的语法检查，直接作为文本显示出来。

2.3.5 WML数据值性质

除了NMTOKEN型数据外，WML其他3种数据都必须以文本形式即加上引号进行定义。我们关心的问题是，这些类型的数据可以表示哪些数据值呢？或者说，它们所表示的数据值的性质是什么呢？

事实上，WML数据只在性质上可以是长度（Length）、宏变量（Vdata）、流（Flow）、内行（Inline）、布局（Layout）、文本（Text）、超链（Href）、布尔值（Boolean）、数据（Number）或增强方式（Emphasis）。

2.3.6 卡片与卡片组

前面我们分析了WML程序的结构时，曾将讲到WML文档的信息是通过卡片集和卡片组集的形式进行组织的。一个Deck是一个或多个Card的集合。当客户终端发出请求之后，WML即从网络上把Deck发送到客户的浏览器，Deck是服务器发送信息的最小单位。用户浏览器收到Deck后，可以浏览其中包含的所有Card。Card用于表示或描述一个或多个用户交互单位。

2.3.7 卡片组模板

同一卡片组通常会含有许多卡片，这些卡片的定义、属性或格式通常都大同小异。如果我们逐一定义各个卡片，显然是十分麻烦的。为此，WML提供了卡片组模板的功能，模板内定义了一系列标准和参数，可以应用到同一卡片组的所有卡片中去，从而能够大大地提高我们的编程效率。有关卡片组模板的内容我们后面会专门介绍的。

2.3.8 WML与URL、程序段锚点

我们知道，环球网WWW是各种信息和设备的网络，为保证全球范围内的交互，人们制定了3种规范:其一，统一资源定位器URL提供所有网络资源的标准命名方式和定位方式；其二，标准协议，如HTTP协议等，提供WWW资源的传输方式；其三。标准内容类型，如HTML、WML，提供WWW资源的内容形式及标准。WML沿用了这些规范，并扩大了URL使用的范围。在WML中，不仅超连接、文件路径及文件名可以作为URL处理，卡片名、宏变量名及各种内部资源名等也可作为URL处理。

为此，WML改进了HTML命名资源位置的方式，采用程序锚点（Fragment Anchor）的形式来处理WML程序中某段程序的地位。程序段锚点根据文档WML规则进行定义，并按照程序段表示符前加井字好（#）的方式书写。使用程序段锚点，WML程序可以在同一卡片组中定位不同的卡片。如果在程序中不指定程序段，那么程序中引用的URL名称则指整个卡片组，而且卡片组的名称同时也是本卡片组内的第一个卡片的名称。 2.3.9 浏览器操作历史

为了在浏览器端管理WML程序的执行，WML使用“浏览器前后关系”的功能保存WML程序执行的状态及各种参数、变量等，这样可以用来记录用户的操作情况。同时，WML还提供了一个简单的导航历史模型，以URL地址的形式记录了用户浏览时的各种操作，并把这些URL地址放入历史推栈。通过推栈，用户即可实现历史浏览的回潮及其它操作。

kelven 2006-03-17 11:43 发表评论
]]>全面了解WMLhttp://www.blogjava.net/zhangrenquan/articles/35788.htmlkelvenkelvenFri, 17 Mar 2006 02:59:00 GMThttp://www.blogjava.net/zhangrenquan/articles/35788.htmlhttp://www.blogjava.net/zhangrenquan/comments/35788.htmlhttp://www.blogjava.net/zhangrenquan/articles/35788.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/35788.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/35788.html学习自然语言的最好方法就是溶入相应的语言环境在交流中学习，学习一种编程语言的最好方法就是看例程。为了帮助大家建立WML应用的第一印象，所以请大家先看第一个例子:

<?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="prev" label="back">
　　　　　 <prev/>
　　　　　 <!--provide a button you can clink to back a step-->
　　　 </do>
　 </template>
<card id="friends" title="Hot link">
　 <p>
　　　 <a href="http://wap.sian.com.cn/">Sina WAP</a><br/>
　　　 <a href="#nextcard">Next Card</a>
　 </p>
</card>
<card id="nextcard">
　 <p>
　　 this is the second card.
　 </p>
</card>
</wml>

通过以上示例大家应该了解到以下内容：

1、语法：WML的语法与HTML相似，仍然是一种标记语言，而且延续了xML语法规则

2、元素：在XML和WML 语言中，语言的基本元素称之为"标签"
　　 标签必须被 < 和 > 括起来。
　　 大多数标签都包括"起""止"两部分，例如：<p>…</p>
　　 某些特殊标签可以只有一个标签，但是必须有结束标记，例如：<prev/>

3、属性：XML语言的标签可以包含很多属性，给标签提供必要的附加信息
　　 属性内容通常在起始标签内使用
　　 属性只作为参数为标签提供必要的信息，不会被浏览器显示
　　 属性的值需要被引号括起来，可以是单引号或者双引号，引号可以成对嵌套使用
　　 例如：<card id="friends" title="Hot link">

4、注释
　　 注释内容是方便制作者阅读源代码，不会被浏览器显示
　　 WML不支持注释嵌套
　　 例如：<!-- This is a comment. -->

5、文档结构
　　 WML文档是由Card和Deck构成的，一个Deck是一个或多个Card的集合。在得到客户终端的请求之后，WML从网络上把Deck发送到客户的浏览器，访问者可以浏览Deck内包含的所有Card，而不必从网上单独下载每一个Card。

其他一些示例中没有涉及到的基本内容：

6、大小写敏感
　　 无论是标签元素还是属性内容都是大小写敏感的，这一点继承了XML的严格特性，任何大小写错误都可能导致访问错误，这是WML制作者必须注意的问题。

7、躲避语法检查的方法－CDATA
　　 CDATA内的数据内容都会被当作文本来处理，从而避开语法检查，直接作为文本显示。
　　 示例：
　　 < ! [ CDATA [ this ia <b> a test ] ] >
　　 显示结果为
　　 this ia <b> a test

8、定义变量
　　 WML可以使用变量供浏览器和Script使用，通过在Deck中的一个Card上设置变量，其他Card不必重新设置就可以直接调用。

　　变量的语法如下：
　　 $identifier
　　 $(identifier)
　　 $(identifier:conversion)

　　如果变量内容包含空格就需要用圆括号括起来。由于变量在语法中有最高的优先级，包含变量声明字符的字符串会被当作变量对待，所以如果要显示$，就一定要连续使用两个$。

　　示例：
　　 <p> Your account has $$15.00 in it.</p>
　　 显示结果为：Your account has $15.00 in it

　　XML是一种语法非常严格的语言，WML也继承了这种规则，任何地不规范语法都会导致错误。


WML文件的概念WML Decks

这里简单介绍一个关于WML文件的概念，其他的细节问题会在后面的章节还详细介绍。

声明
由于WML语言继承于XML，所以一个有效的WML文档必须包含一个XML声明和一个文件类型声明。

以下就是一个最常用的声明，由于WML语法要求非常严格，为了避免出错，制作者可以直接拷贝粘贴到制作文档。

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.com/DTD/wml_1.1.xml">

注：<?xml version="1.0"?> 语句必须出现在一个Deck的首行，而且必须顶头写，插入任何字符哪怕是空格都会造成语法错误。

主体结构
这是一个最简单的WML文件：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.com/DTD/wml_1.1.xml">
<wml>
<card title="sample">
<p>Hello WAP!</p>
</card>
</wml>


任务与导航－赋值与数据交换

这一部分简单讲解WML的变量赋值和数据提交方法，在后面的章节中有专门讲解。

变量赋值（Setvar）
　　 Setvar给浏览器的当前页面内变量赋值，该变量可以在当前Dock中的任意Card中调用。

　　相关属性:

　　1. name 变量名，作为访问变量的标识

　　　　示例：<setvar name=$bogus value=$bear>

　　2. value变量的值

数据交换（Postfield）
　　 Postfield通过URL申请与CGI交换数据。

　　相关属性:

　　name & value 交换参数用的变量的名字和值。

　　示例：<postfield name=$bogus value=$bear>

一个综合应用的例子

示例：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.com/DTD/wml_1.1.xml">
<wml>

<card id="Start" title="Sina WAP">
<do type="accept">
　　 <setvar name="MyCGI" value="/cgi-bin/count.pl">
　　 <go href="$MyCGI" method="post">
　　　　 <postfield name="one" value="one one"/>
　　　　 <postfield name="two" value="two two"/>
　　 </go>
　 </do>
<p>Hello World!</p>
</card>
</wml>

上例相当于产生一个count.pl?one="one one"&two="two two"的Post申请。


跳转和传递参数

go的基本属性和应用
实现Card之间跳转的一个基本方法是go，go和do、anchor等标签的结合是WML高级应用的一个基础。

　　相关属性：

　　href：声明链接的URL

　　sendreferer：表示是否传递调用href所指定的URL的页面的URL，也就是当前页的URL，即HTTP头中的HTTP_REFERER，默认值为false，可选值为true

　　method：WML的method与HTTP提交表单的方法类似，同样有Post和Get两种，缺省参数为Get。

　　Post与Get的不同：Post在发送前要进行编码处理，然后分组发送，发送过程相对安全，适合大数据量的处理；而Get方法不进行任何处理，一次性发出，适合小数据量交换。除非你肯定你提交的数据可以一次性提交，否则请尽量用Post方法。

　　accept-charset：定义浏览器与服务器之间收发信息的字符集类型，例如：accept-charset="UTF-8,US-ASCII,ISO-8859-1"。

示例：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.com/DTD/wml_1.1.xml">
<wml>

<card id="Start">
　　 <do type="accept" label="next">
　　　　 <go href="#nextCard"/>
　　 </do>
<p>This is the First Card!</p>
</card>

<card id="nextCard">
　　 <do type="prev" label="before">
　　　　 <prev/>
　　 </do>
<p>This is the last card!</p>
</card>
</wml>

Go结合Postfield交换参数
标签Go可以包含一个或多个Postfield标签，用这些标签携带参数与服务器进行数据交换。

示例1：产生一个"quote.pl?stock=00001"Get申请

<go href="/cgi-bin/quote.pl">
　　 <postfield name="stock" value="00001"/>
</go>

示例2：产生一个"stockname=证券&page=1"Post申请

<go href="/cgi-bin/query.pl" method="post">
　　 <postfield name="stockname" value="证券"/>
　　 <postfield name="page" value="1"/>
</go>


 

任务和任务屏蔽

内部任务
　　 返回<prev>

　　用来将当前页面的URL压入URL历史堆栈，并打开此前的URL，若该URL不存在，则<prev>无效。语法类似<go>，<prev>和</prev>之间可加入一句或多句<setvar name="name" value="value"/>，若不加，则必须以<prev/>的形式出现。

　　刷新<refresh>

　　用来刷新当前的页面，从而使得页面内的变量刷新或置空，语法与prev相同。<refresh> <setvar name="name" value="value"/> </refresh>，或<refresh/>。

　　无动作<noop>

　　表示什么也不做，该标签不能用在<anchor>中，一般用在覆盖DECK级的<do>。

任务屏蔽（Task Shadowing）
　　 WML的Task有两个级别，Deck级和Card级。通常人们还习惯把设置在某些条件中的任务成为第三级，在这里先不讨论，后面有专门的描述。

　　Deck Level：把通用的Task设置在template中，这个Deck中所有的Card都自动继承并使用这些task。

　　Card Level：只在当前的Card中有效，并替换掉Deck Level的相同属性的Task。

示例：

<wml>
　　 <template>
　　　　 <do type="options" name="general" label="Back">
　　　　　　 <prev/>
　　　　 </do>
　　 </template>
<!-- a deck level task-->

<card id="Card1">
　　 <p>Hello , this is a test <br/>
　　　　 <a href="#card2">the second</a>
　　 <p>
</card>

<card id="Card2">
<!-- This Card override the deck level task by noop -->
<do name="general" type="options" label="none">
　　 <noop/>
</do>
<p>nothing happend here</p>
</card>
</wml>


动作和链接

设置动作（Do）
Do是WML语言中最有有价值的元素之一，它给用户提供一种在当前Card上进行"动作"的通用方法。这种动作通常被定位在用户终端界面的特定部件上，例如WAP手机的功能键（Cancel，Option，Accept），特定的图标，语音识别功能等等。Do可以设置在Deck的Template上或者Card上，当他们重名的时候Card上的Do会覆盖Template上的同名元素（参看任务屏蔽说明）。

属性列表：

type：诉浏览器动作的意图。
　　 WML总共声明了9个类型的动作，最常用的动作类型是"accept"和"option"。
　　 1.1 accept，接受、确认
　　 1.2 prev，返回上一个历史堆栈中的URL
　　 1.3 help，请求帮助
　　 1.4 reset，清除或者重置状态
　　 1.5 options，根据当前页面的功能设置选项。
　　 1.6 delete，删除选择条目
　　 1.7 unknow，相当于空白字串
　　 1.8 还有两个属性还没有最后确定。

label：设置按钮标题，显示在浏览器定义好的屏幕位置，不同浏览器地显示位置不同。如果不设置标题，按钮会按照浏览器的缺省格式显示，不同浏览器的缺省格式不同。

name：按钮名称，可以用Card级的动作覆盖template上的同名动作，重新赋予那些动作新的任务。

optional：来定义一个按钮是否显示，设置为True时会被浏览器忽略

示例：

<do type="accept" label="Accept" name="accept1" optional="false">

　　 {Content}

</do>

链接（Anchor）
archor是WML定义链接的基础方式，与其他标签结合可以满足很多应用，anchor必须与go结合。

相关属性:

title 链接的文本显示内容。

示例：

<anchor title="Click"> click me <go href="#clickedMe"/> </anchor>

简化的链接形式（a）
a是anchor的简化形式，不需要Go语句配合。为了提高效率，推荐使用<a>。

相关属性:

1. href 超级链接的目标Url

示例：

<a href="#clickedMe">click me</a>


 

WML的事件

内部事件（Onevent）
相关属性:

type：内部事件的触发条件，当前浏览器状态满足触发条件时，浏览器就会触发这个条件下设置的Task，内部事件总共有4种触发条件。

　　1 ontimer 满足时钟设置的条件时，该条件成立。关于时钟设置问题，后面还有专门的说明。
　　 2 onenterbackward 通过Prev或其他外部命令返回到当前Card，该条件成立。
　　 3 onenterforward 当浏览器通过链接进入当前Card，该条件成立
　　 4 onpick 在使用Option控件列表的时候，任何点击控件的行为都会触发本事件，包括选择和去掉选择。

示例：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.com/DTD/wml_1.1.xml">
<wml>

<!-- this deck can't use in Ericsson r320sc ,because r320sc haven't accept button-->

<card id="start">
<do type="accept" label="next">
　　 <go href="#two"/>
</do>
<p>This is the first card.</p>
</card>

<card id="two">
<do type="accept" label="next">
　　 <go href="#three"/>
</do>
<onevent type="onenterbackward">
　　 <go href="#temp"/>
</onevent>
<p>This is the second card.</p>
</card>

<card id="three">
<do type="accept" label="back">
　　 <prev/>
</do>
<p>This is the thired card.</p>
</card>

<card id="temp">
<do type="accept" label="start">
　　 <go href="#first"/>
</do>
<p>haha, you are lost!</p>
</wml>


WML文档结构祥解

1、声明（Prologue）
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.com/DTD/wml_1.1.xml">

2、元素（Element）
　　 WML首先定义一个Deck，然后在Deck内封装信息和Card。

3、文件头（Head Element）
　　 头信息包含与Deck有关的信息，包括meta数据和控制元素。

　　3.1、访问权限设置（Access）

　　该元素用于设置有访问当前Deck权限的列表。如果Deck内不包含Access Element信息，该Deck下的Access Element处于无效状态，其他所有的Deck都可以访问该Deck。

　　相关属性:

　　domain：假如设置 <access domain="sina.com.cn"/> 那么 http://www.sina.com.cn/ 将有访问权限, 而 http://www.sino.com.cn/ 和 http://www.sina.net.cn/ 就没有.

　　path：工作原理与Domain非常相似，例如设置<access path="/internal"/> 那么"/internal/wml" 将获得访问权限，而"/internal-wml"就没有。

示例：

　　做如下设置 <access domain="sina.com.cn" path="/wap"/>

　　那么以下几个Url具有访问权限：

　　http://www.sina.com.cn/wap/goto.cgi
　　 http://www.sina.com.cn/wap/index.wml
　　 http://www.sina.com.cn/wap/cgi-bin/create_report.cgi?name=123&pwd=234

　　以下的几个Url没有访问权限：

　　http://www.sina.com/wap/getuid.cgi
　　 http://www.sina.com.cn/internal/wap/getuid.cgi

3.2、头元素设置（Meta）

　　<meta 属性 content="值" scheme="格式" forua="true|false"/>和HTML中的类似，提供了该DECK的meta信息。

例如：<meta http-equiv="Cache-Control" content="max-age=0" forua="true"/>

　　content属性是必选的，其内容根据属性而定。scheme属性目前尚不支持。forua为可选属性，指定在该wml文件传到客户端之前，<meta>标签是不是被中间代理删除(因为传输的协议可能改变)，默认值为false。

　　目前支持的meta数据:

　　<meta http-equiv="Cache-Control" content="max-age=0"/>指定DECK在手机内存缓存中的存储时间段，默认的为30天(除非内存耗尽)，在该期间，手机对于访问过的DECK直接从缓存里调用。如果信息是对时间敏感的，可以用max-age指定DECK在缓存里的生存期，最小单位是秒，如果指定为0，则每次都需通过连接服务器来调用该DECK。

　　<meta user-agent="vnd.up.markable" content="false"/>和<meta user-agent="vnd.up.bookmark" content="指定的URL"/>类似于普通浏览器的书签功能。当用户将一个CARD做了书签后，手机浏览器首先用一个标记记录该CARD，这个标记默认的是<card>标签中的title属性(以后会讲到)，然后当用户选择了该书签以后，浏览器就会打开被记录的URL。但是因为在默认的情况下，手机会记录所有的DECK，所以，一般<meta>被用来使手机不要记录当前的URL，即<meta user-agent="vnd.up.markable" content="false"/>。此外，如果要为书签指定不同于当前DRECk的URL，用<meta user-agent="vnd.up.bookmark" content="指定的URL"/>。

4、模板（Template）
　　 为了节省资源，可以把每个Card中都要用到的Task设置在模板中，供当前Deck中所有Card使用，加入个别Card不需要该模板内容，可以Override掉它（详见任务屏蔽）。

5、卡片（Card）
　　 适用事件

　　以下事件适用于Card和Template，参见前面的相关说明。
　　 1. onenterbackward
　　 2. onenterforward
　　 3. ontimer

　　卡片属性（Card）

　　id：同一Deck内Card的唯一标识，可以作为标签被使用。(#nextcard).

　　title：卡片标题。不同的浏览器处理标题处理title的原则不一样，有的浏览器会显示标题，如果当前卡片没有设置标题，当前卡片的URL会被显示在标题位置。有些浏览器为了节省显示区域会忽略标题。

　　newcontext：默认值为false，用来指示当跳转到本CARD时，手机是不是要清除以前保留的信息，包括变量，堆栈里的历史记录，重新设置手机状态等。

　　ordered 布尔变量，声明Card是否有序。通常可以用来开发自动播放的幻灯片效果。

示例：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>

<head>
　　 <access domain="sina.com.cn" path="/wap"/>
</head>

<template>
　　 <do type="accept" name="accept1" label="OK">
　　　　 <go href="#accept"/>
</do>
</template>

<card id="start" title="Start Here">
<p> Start Here. </p>
</card>

<card id="accept" title="Okay Card">
<do type="accept" name="accept1" label="Okay">
　　 <go href="#accept2"/>
<!-- override the same task in template-->
</do>
<p> Card Accept </p>
</card>

<card id="accept2" title="OK Card" >
<do type="accept" >
　　 <go href="#start" />
</do>
<p> Card Accept2 </p>
</card>

</wml>



Select List 控件

对表单的控制能力可以证明一个HTML设计者是否够专业，而且很多交互功能也必须依赖表单。WML没有表单属性，但是WML可以直接使用控件，同样可以达到使用表单的效果。因此，使用控件的水平可以体现一个WML设计者的制作水平。

WML控件有Select List和Input Box两个系列，每个系列另外包含几个子系列，基本可以满足表单设计的需求。

选择列表控件（Select List）

Select有两对很重要也很容易混淆的属性：name, value , iname , ivalue。这四个属性的区别和用途不太容易描述清除，看了后面的例子会很容易理解。

每个Select是一个或多个Option的集合，Option地结果返回给Select元素的name和iname。

示例：

<select name="name" iname="iname value="value" ivalue="ivalue">
<option value="S">sina</option>
<option value="Y">yahoo</option>
</select>

相关属性:

1. multiple 这个布尔变量的值决定是否允许多重选择，值为True时Select控件允许复选，否则相反。

2. name & Value 这一组变量的主要作用是获取于该option的返回值，value提供name的缺省值。

3. iname & ivalue 与上一组参数功能相似，不同的是ivalue返回有效Option的序列号。被选中的控件用它的序号表示，0代表没有option被选中，假如第二个和第三个同时被选中就表示为 2;3

4. title 作为标题参数提供给浏览器，但是不同的浏览器处理方式有所不同，有些浏览器直接显示选项内容不显示标题，有的浏览器显示标题，按选择键进入选择界面。

5. tabindex 提供给浏览器的控件序号参数。

2、选项控件

Option只有包含在Select内才有意义，无法单独使用。

相关属性:

1. value Option的返回值，假如当前Option被选择，这个Value的值会被传送到Select元素的Name变量。

2. title 供浏览器显示的选项标题。

3. onpick 如果当前Option被点选，浏览器跳转到指定的Url。

示例1：

<card>
<p>Please choice your favourite Web.<br/>
<select name="X">
<option value="S">sina</option>
<option value="Y">yahoo</option>
</select>
<p>
</card>

上例是一个基本的单选列表，选择的结果被赋值给X。

示例2：

<card>
<p>Please choice all your favourite Web.<br/>
<select name="X" iname="I" ivalue="1;3" multiple="true">
<option value="S">sina</option>
<option value="Y">yahoo</option>
<option value="N">netease</option>
</select>
<p>
</card>

上例是一个使用了iname和ivalue的多选列表，I被预置为 1;3 。假如用户选择了sina和yahoo，X被赋值为 S;Y，I被赋值为 1;2。假如用户不做任何选择，I等于1;3，X内容为空。

示例3：

<card>
<p>Jump to your favourite Web.<br/>
<select>
<option onpick="http://wap.sina.com.cn">sina</option>
<option onpick="http://wap.chnmobile.net">china mobile</option>
</select>
<p>
</card>

上例演示了Option的onpick功能，不管Option的状态如何，只要它被点选，浏览器就会跳转到指定的Url。

示例四：

<card>
<p>Please choice your favourite Web.<br/>
<select name="X">
<option value="S">sina</option>
<option value="Y">yahoo</option>
<option value="S;Y">both</option>
</select>
<p>
</card>

上例演示了一个通过单选功能完成多选需求的示例。



分组选择控件（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>



kelven 2006-03-17 10:59 发表评论
]]>