独上高楼网站
  •    你所在位置:首页 VS.netXMLWML〉WML 显示表单
  • WML 显示表单
  • 作者:佚名  文章来源:http://homepage.yesky.com/  发布日期:2008-03-04  浏览次数:303
  • 打印这篇文章
  • WML 显示表单

    类似于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属性的值)标记型字符。
       标记   描述
       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属性,用来记录默认值所在的位置。

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

  • 打印这篇文章
  • 与本文主题相关的文章
  • 返回首页