Google
 Wap技术相关栏目
 相关文章

WML教程12:控件组(Fieldset)和复杂示例


 日期:2005-9-22 15:11:00     [Host01.Com]   访问:     [全屏查看全文]
fieldset 提供了一种控件分组的功能,相对于optgroup它的潜在价值更强了,但是需要客户端设备的支持才能获得显示效果。

  相关属性:

  title 标题

  综合示例:

<?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="fields">
<p> field type:
 <select title="field type">
  <option onpick="#nested">nested</option>
  <option onpick="#password">password</option>
 </select>
</p>
</card>

<card id="nested">
<onevent type="onenterbackward">
  <prev/>
</onevent>
<do type="accept" label="done">
  <go href="#done"/>
</do>
<p>
<fieldset title="name">
  first name:
    <input title="first" name="fname"/>
  last name:
    <input title="last" name="lname"/>
</fieldset>
gender:
<select title="gender" name="gender">
  <option value="male">male</option>
  <option value="female">female</option>
</select>
</p>
</card>

<card id="done">
<p> $fname $lname is a $gender. </p>
</card>

<card id="password">
<onevent type="onenterbackward">
  <prev/>
</onevent>
<do type="accept" label="done">
  <go href="#passwd_done"/>
</do>
<p> input a password:<br/>
min 3 chars.
<input title="password" name="passwd" type="password" format="*m"/>
</p>
</card>

<card id="passwd_done">
  <p> password was $passwd. </p>
</card>
</wml>


上一篇:WML教程11:文本框控件(Input)  下一篇:WML教程13:计时器(timer)