注册通行证 用户名 密码
  • 文章投稿
  • 博客
  • 论坛
  • 设为首页
  • 加入收藏
jztop.com网络技术
  • 首页
  • | iT新闻
  • | 操作系统
  • | 组网建网
  • | 网络安全
  • | 程序开发
  • | 办公一族
  • | 工具软件
  • | 网页制作
  • | 多媒体制作
  • | 网吧技术
  • | 服务器
  • | 专题教程
Vista | 软件评测 | 系统备份 | 优化 | 进程 | 聊天 | 病毒 | Linux | 黑客 | 防火墙 | 数据库 | Web开发 | Java | Word | 游戏 | 32位开发 | 移动开发
当前位置:首页 > 网页制作 > 网页制作技巧 内容正文:WML学习(五):显示表单

WML学习(五):显示表单

发布时间:2006-06-09 15:16:12 来源:友佳学院 网友评论 0 条

显示表单
类似于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>

相关文章
  • WML学习(一):概述和基本规则
  • WML学习(三):显示文本
  • WML学习(二):基本格式和文件头
  • WML学习(四):锚和任务
  • WML学习(六):事件
【评论】【收藏本文】【打印】【关闭】
上一篇文章:WML学习(六):事件
下一篇文章:WML学习(四):锚和任务
讨论区
查看
已有 0 位对此新闻感兴趣的网友发表了看法
匿名发表
注册通行证 登陆
图文阅读推荐
网页设计配色基础:RGB与HSB
网页设计配色基础:RGB与HSB
淘宝网店“设计装修”技巧全攻略
淘宝网店“设计装修”技巧全攻略
我的地盘听我的 六大主流博客网站对比评测
我的地盘听我的 六大主流博客网站对比评测
推荐阅讯
  • Google推个人网页服务 存储空间达100MB
  • 让网页靓起来 常见网页特效使用方法
  • WAP技术的简单释义
  • WAP Server = Web Server + Configuration
  • 技巧:如何确保客户端能访问到最新的网页
  • 超级强大的表单验证代码
  • 显示客户端页面执行时间的代码
  • 正则表达式在网页处理中的应用
  • WAP建站 WML Script语法基础
  • 解决列高度自适应(列高度相同)的五种方法
阅读排行
  • 1.淘宝网店“设计装修”技巧全攻略
  • 2.javascript函数库
  • 3.我的地盘听我的 六大主流博客网站对比评测
  • 4.WAP建站入门教程
  • 5.网页木马深度剖析以及手工清除
  • 6.WAP建站语言WML语法全接触
  • 7.好事喜事送上祝福 电子请柬随网拈来
  • 8.如何保存网页中的Flash文件?
  • 9.WAP建站WML语言语法基础
  • 10.介绍几款WAP网页制作工具(提供下载)
专题教程
  • 大话G游 专题:手机病毒揭密
  • ARP攻击防范与解决方案 路由故障处理手册
  • Picasa中文版_Picasa教程 专题:清除流氓软件
  • Firefox专题 seo搜索引擎优化专区
  • 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏
  • 杀毒软件反被病毒杀 连"救命"都不能喊
  • 金山ARP防火墙
  • 还原卡神话破灭“机器狗”病毒来势汹汹
  • cctv经济半小时:你的手机现在安全吗?
  • 新挂马方式开始流行 ARP挂马称雄局域网
  • 木马和病毒清除的通用解法
  • IP地址不再冲突 查找ARP攻击者元凶
  • 教你几招识别和防御Web网页木马
  • 分析:封杀BT只是暂时的止痛药
  • QQ爆危险漏洞,“QQ游戏邀请大盗”邀请你玩病
关于我们 | 诚聘英才 | 联系我们 | 版权声明 | 网站大事 | 网站地图 | 意见建议
CopyRight 2005-2007 Jztop.Com 版权所有 未经许可 请勿转载