分享
 
 
 

WML学习(五):显示表单

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

显示表单

类似于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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有