当前位置:编程学习 > wap >>

WML教程9: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>

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

上一个:WML教程8:WML文档结构详解
下一个:WML教程10:分组选择控件(Optgroup)和复杂实例

更多图片编程知识:
更多wap疑问解答:
新人求助QPainter
为什么程序都退出了还可以收到推送?如果大多设备都可以推送那运营商怎么办?
qt 4.7 sqlserver2000 存储过程调用
关于ANDROID4.0.1编译问题!
Android FrameBuffer读屏幕30秒后mmap失败
联通粗定位用java程序如何来请求和接受数据
为什么QT运行Android平台的程序时,mouseMoveEvent事件响应的间隔时间很长??????????
android与PC蓝牙通讯
指定大小的label 内容可变,如果内容超出label的宽度,将未能显示的部分显示在另一个label上
Android调试
android如何通过wifi连接无线打印机
运行程序,release目录下产生一个乱码文件夹
分享个某机构最新安卓资料,自己验证了
service启动不起来,掉不了service connection
求助:QT5.0 没有QPrinter吗
asp
php
Delphi
Matlab
JSP
Foxpro
JS
C/C++
C#/ASP.NET
VC++
JAVA
VB
汇编语言
html/css
CGI
XML/UML
wap
网站相关
网页素材
python
微信小程序
thinkphp
如果你遇到编程学习难题:
访问www.zzzyk.com 试试
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,