当前位置: 首页 > news >正文 WML学习(五):显示表单 news 来源:原创 2024/5/18 15:03:38 显示表单 类似于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学习(七):CGI编程 WML学习(六):事件 UDP数据传输实例 在线播放器代码大全 TcpListener和TcpClient简单例子 C#自定义事件 socket传文件 c# 文件传输 SQL SERVER 2005分页查询语句 测试mssql中sql语句执行时间 SQL SERVER查询时间条件式写法 C#完整的通信代码(一)(点对点,点对多,同步,异步,UDP,TCP) C#完整的通信代码(二)(点对点,点对多,同步,异步,UDP,TCP) C# byte数组常用扩展 八种情况 C# Stream 和 byte[] 之间的转换 JavaScript工作原理(五):深入了解WebSockets,HTTP/2和SSE,以及如何选择 learning koa2.x mysql innodb 索引使用指南 October CMS - 快速入门 9 Images And Galleries python 装饰器(一) 从 Android Sample ApiDemos 中学习 android.animation API 的用法 浮动相关 工作踩坑系列——https访问遇到“已阻止载入混合活动内容” 看域名解析域名安全对SEO的影响 罗辑思维在全链路压测方面的实践和工作笔记 每天一个设计模式之命令模式 你真的知道 == 和 equals 的区别吗? 前端相关框架总和 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout 新手搭建网站的主要流程 secrets --- 生成管理密码的安全随机数 马来语翻译中文去哪比较好? # Pytorch 中可以直接调用的Loss Functions总结: (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类) (超简单)使用vuepress搭建自己的博客并部署到github pages上 (二开)Flink 修改源码拓展 SQL 语法 (分布式缓存)Redis哨兵 (附源码)springboot美食分享系统 毕业设计 612231 (离散数学)逻辑连接词 (六)Hibernate的二级缓存 (四)docker:为mysql和java jar运行环境创建同一网络,容器互联 (一)eclipse Dynamic web project 工程目录以及文件路径问题 * 论文笔记 【Wide Deep Learning for Recommender Systems】 ***利用Ms05002溢出找“肉鸡 .mysql secret在哪_MYSQL基本操作(上) .NET 4.0网络开发入门之旅-- 我在“网” 中央(下) .NET 反射 Reflect .NET序列化 serializable,反序列化 :中兴通讯为何成功 @Async注解的坑,小心 @staticmethod和@classmethod的作用与区别 @WebServiceClient注解,wsdlLocation 可配置 [C# WPF] 如何给控件添加边框(Border)? [c++] 自写 MyString 类 [C++]:for循环for(int num : nums)
显示表单 类似于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>