`

wml用户输入和提交的实现

阅读更多

用户的输入

input元素

input元素是WML编程中处理用户交互活动的重要元素,它通过单独的<input/>标签进行定义,其语法格式如下:

<input name="variable" title="label" type="type" value="value" default="default" format="specifier" emptyok="false|true" size="n" maxlength="n" tabindex="n"/>

其中除了name属性是必选的以外,其他属性都是可选的。
这些属性的功能和用法介绍如下:

  1. name。该属性用于指定用来保存用户输入文本的变量和名称。定义name属性后WML将根据该属性也即变量名,为即将输入的文本实体对象与之存储空间,以便接收用户输入。
  2. title。该属性用于input元素的标签,通常是位于输入框前的提示信息。
  3. type。用于指定文本输入区的类型,有text和password两种选择。默认值为text,指定的用户可以输入文本,而且输入的文本会同时逐渐响应并显示在浏览器中。
    如果选择password,则指定用户输入的文本作为密码文本处理,而浏览器上响应用户输入显示时逐渐均为星号* ,由此起到保密的目的。
    (type中只有这两种类型且password并不常用,手机回显多数直接以明文显示)
  4. value。该属性用于指定name属性所定义变量的值,它将显示在输入框中。
  5. default。该属性用于指定name属性所定义变量的默认值。
  6. format。该属性用于格式化输入的数据。
  7. maxlength。该属性用于指定用户可输入字符串的最大长度。该属性的上限为256,最多不能超过256个字符。
  8. emptyok。用于指定用户是否可以不在输入框内输入内容。
  9. size。该属性用于指定输入框的宽度,宽度值为字符个数。
  10. tabindex。用于指定多个输入框存在时,类似于HTML中Tab键的具体位置。

实例:
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card title="Input">

<p>
Name: <input name="Name" size="15"/><br/>
Age: <input name="Age" size="15" format="*N"/><br/>
Sex: <input name="Sex" size="15"/>
</p>

</card>
</wml>

select元素

select元素是通过<select>和</select>标签进行定义的,语法格式如下:

<select title="label" multiple="false|true" name="variable" default="default" iname="index_var" ivalue="default" tabindex="n">
内容(content)
</select>

其中所有属性都是可选的。select元素各个属性的功能和用法介绍如下:

  1. multiple 该属性用于指定选择列表是否可以使用复选框
  2. name 该属性用于指定接收选项值的变量的名称,变量值由value属性预设定。
  3. value 用于制定name属性所定义变量的默认值。
  4. iname 用于指定包含排序号的变量的名称。
  5. ivalue 用于指定选择列表中被选中选项的值,是一个具有排序号性质的值。
  6. title 用于指定选择列表的标题。
  7. tabindex 用于指定当前选择光标在选择列表中的具体位置,该位置即为当前选择操作将要选择的选项所在的位置。

option元素

用于定义select元素中的一组单选项。它通过<option>和</option>标签进行定义,并可包括事件和单选项的显示文本等信息,其语法格式如下:

<option title="label" value="value" onpick="href">
内容(content)
</option>

option元素的属性均为可选,各属性功能及用法说明如下:

  1. value 该属性用于设置键值。当用户选到该选项之后,option元素就会将该值赋给selet元素的name属性所指定的变量。
  2. title 用于option元素制定的一个标题,以便提示用户操作。
  3. onpick 该属性用于指定用户选到该项并按accept键后所打开卡片组的L。

optgroup元素

用于将多个相关的option元素进行分组,用户浏览器可以借助这种分组来安排选项列表的显示布局,以方便用户选择。optgroup元素是通过<optgroup>和</optgroup>标签进行定义的,其语法格式如下:

<optgroup title="label">
内容(content)
</optgroup>

它所包含的内容中需要包含至少一次option元素或其他的optgroup元素。
optgroup元素只有一个属性,即title属性,用于定义optgroup元素的标题,以便提示用户操作。

fieldset元素

用于设定输入框和相应的说明文本,从而用户就可以利用input元素等借助该输入框输入所需的数据信息。fieldset元素的语法格式如下:

<fieldset title="label">
内容(content)
</fieldset>

由于fieldset元素和输入有关,所以它们的内容中可以包含与输入有关的其他元素。 其语法格式可以看出,fieldset元素只有一个属性,即title属性,用于定义fieldset元素的标题,以便提示用户操作。

实例:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card title="Selectable List">
<p>
<select>
  <option value="htm">HTML Tutorial</option>
  <option value="xml">XML Tutorial</option>
  <option value="wap">WAP Tutorial</option>
</select>
</p>
</card>
</wml>

用户的提交

可利用go元素和postfield元素进行数据提交。

go元素

<go> 任务表示跳转到新卡片的动作。在 href 属性中规定跳转的目的地
属性:

  1. href 必需。新卡片的 URL。
  2. accept-charset 服务器能够处理的字符编码列表,用逗号或空格分隔。默认值是 "unknown"。
  3. method post/get 设置如何向服务器发送数据。默认方法是 get
  4. sendreferer true/false 默认是 "false"。 class cdata 为此元素设置的 class 名。这个 class 名对大小写敏感。一个元素可链接多个 class。claas 属性中的多个class 名通过空格进行分隔。
  5. id 为此元素设置的唯一名称。

postfield元素

<postfield> 标签包含了连同 <go> 标签被送往服务器的信息。注:是用户提交数据的关键点

属性:

  1. name 必需。字段的名称。注:服务器中接收的变量名
  2. value 必需。字段的值。
  3. class 为此元素设置的 class 名。这个 class 名对大小写敏感。一个元素可链接多个 class。claas 属性中的多个 class 名通过空格进行分隔。
  4. id 为此元素设置的唯一名称。

实例:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card>

<p>
<select name="name">
  <option value="htm">HTML Tutorial</option>
  <option value="xml">XML Tutorial</option>
  <option value="wap">WAP Tutorial</option>
</select>
</p>

<p>
 Click OK to Send
 <do type="accept">
  <go href="test.wml" method="post">
   <postfield name="i" value="2"/>
   <postfield name="j" value="30"/>
   <postfield name="n" value="$(name)"/> 注:这里的n为服务器中要取的变量名,name为select元素名,$(name)用户的选项值。
  </go>
 </do>
</p>
</card>
</wml>

<!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://192.168.1.6:8080/confluence/pages/viewpage.action?pageId=9800008" dc:identifier="http://192.168.1.6:8080/confluence/pages/viewpage.action?pageId=9800008" dc:title="wml用户输入和提交的实现" trackback:ping="http://192.168.1.6:8080/confluence/rpc/trackback/9800008" /> </rdf:RDF> -->

分享到:
评论

相关推荐

    WML 详细中文教程

    3. **WML流控制**:WML提供了类似于HTML的流控制元素,如`&lt;choice&gt;`、`&lt;submit&gt;`和`&lt;template&gt;`,用于实现用户交互和数据提交。 **二、WML语法** 1. **XML基础**:WML严格遵循XML语法,包括命名规则、嵌套规则、...

    wml详细讲解(exe+word)

    5. **交互性**:WML支持表单和用户输入,可以创建简单的互动功能,如搜索或数据提交。 **WAP与WML的关系** WAP是一个框架,包含了多种技术,如WML、WMLScript(类似于JavaScript的脚本语言)和WAP协议栈,用于处理...

    WML1.1协议标准

    4. **表单处理**:WML支持简单的表单元素,如`&lt;input&gt;`、`&lt;select&gt;`、`&lt;option&gt;`等,用于用户输入和数据提交。 5. **变量与脚本**:WML1.1通过`&lt;var&gt;`元素可以创建变量,但不支持复杂的脚本语言,通常配合WAP网关的...

    WAP建站进阶-WML标记语言和WMLScript脚本语言

    例如,通过具体的示例代码来展示如何创建WML卡片、处理用户输入、执行条件判断等。 **实例:** - 创建一个包含多个卡片的WML文档。 - 使用WMLScript处理用户输入的数据。 - 实现简单的逻辑判断和循环控制。 #### ...

    wml和jsp实现wap网站后台管理及手机显示的过程

    - **输入验证**:防止SQL注入、XSS攻击,对用户输入的数据进行严格的检查和过滤。 - **安全连接**:使用HTTPS协议,保证数据传输的安全性。 - **权限控制**:确保只有授权用户能访问敏感信息和执行关键操作。 9....

    jsp+wml实现手机登陆访问

    2. **JSP处理**:在服务器端,JSP接收来自WML表单的请求,处理用户输入的登录信息。 3. **验证逻辑**:JSP中的Java代码对用户名和密码进行验证,通常会查询数据库来确认这些信息是否正确。 4. **响应处理**:验证...

    wml_label.rar_WML

    WML支持用户输入数据,通过`&lt;input&gt;`元素创建表单字段。`type`属性可以定义输入类型,如`text`、`yesno`等。`&lt;select&gt;`和`&lt;option&gt;`元素用于创建下拉列表,`&lt;submit&gt;`元素则用于提交表单。例如: ```xml 用户名:...

    WML语法大全

    - `&lt;input&gt;`元素用于用户输入,有多种类型如`text`、`number`等。例如,`&lt;input type="text" name="username"&gt;`。 3. **选择(Select元素)** - `&lt;select&gt;`元素用于创建下拉列表,配合`&lt;option&gt;`元素使用。例如:...

    WML & WMLScript: A Beginner's Guide

    `&lt;go&gt;`元素用于在cards间跳转,可以基于用户输入或预定义的条件。 4. **事件处理**:尽管WML本身不支持脚本,但可以通过一些机制,如`&lt;postfield&gt;`元素来响应用户的操作。 **WMLScript介绍** 为了增强WML的交互性...

    WML初级教程 chm

    表单在WML中用于收集用户输入。 `&lt;form&gt;`元素定义了一个表单,其中包含各种输入元素,如文本字段、选择框等。提交表单后,数据可以发送到服务器进行处理,也可以在本地处理,比如更新变量。 7. **CGI编程** CGI...

    wap教程详细介绍了wap的构建和wml编程

    - **交互性强**:支持用户交互操作,如填写表单提交数据。 - **适应性强**:能够自动适配不同分辨率和屏幕大小的移动设备。 ##### 2.2 WML语法概述 WML文档的基本结构包括: - `&lt;wml&gt;`:文档的根元素。 - `&lt;card&gt;...

    JAVAWML信息查询与后端信息发布系统实现——WML信息查询设计.rar

    权限管理:系统实现了严格的权限管理机制,确保只有授权用户才能进行信息查询和发布操作。管理员可以设置用户的权限级别,并对用户的操作进行监控和审核。 用户反馈与建议:系统提供用户反馈与建议功能,用户可以...

    wml基础实例教程

    3. **字段(field)和输入(input)**:卡片中可以包含输入字段,允许用户输入数据。 4. **链接(go element)**:WML中的链接元素用于导航,与HTML的a标签类似,但功能更有限。 **三、WML基本元素** 1. `&lt;card&gt;`:...

    WML1.3 语言参考

    1. **扩展的元素集**:WML1.3引入了更多元素,如`&lt;a&gt;`(链接)、`&lt;input&gt;`(输入字段)、`&lt;select&gt;`(下拉菜单)和`&lt;option&gt;`(选项),以支持更丰富的用户交互。 2. **样式表支持**:与CSS(Cascading Style ...

    struts简单wml显示

    ActionForm是Struts MVC模型层的一部分,用于封装用户输入并传递给业务逻辑层进行处理。 在业务逻辑层,我们需要编写Java代码来处理WML表单提交的数据,这可能包括验证、计算或其他业务逻辑。处理完后,结果应返回...

    wml试练(1) wml基础教程

    WML提供了几种控件类型,如`&lt;input&gt;`、`&lt;select&gt;`和`&lt;option&gt;`,用于用户输入和选择。控件的值可以通过`&lt;postfield&gt;`元素传递。当用户提交表单时,这些值会通过HTTP POST请求发送到服务器。下面是一个简单的示例: ...

    wap协议中wml和script的中文文档.zip

    总的来说,WAP协议的WML和WMLScript部分是构建无线应用的关键技术,而C#作为后端开发语言,可以帮助开发者实现服务器端的逻辑处理和数据交互。通过这个压缩包中的资源,学习者可以深入理解这两者的结合,提升在移动...

    无线标记语言(WML)教程 2.0

    5. **输入元素**:WML提供了多种输入控件,如`&lt;input&gt;`、`&lt;select&gt;`和`&lt;option&gt;`,用于收集用户输入。 **二、WML 2.0改进** 1. **增强的样式支持**:WML 2.0引入了更丰富的CSS支持,允许开发者更好地控制布局和...

    JAVAWML信息查询与后端信息发布系统实现-WML信息查询设计(源代码+LW).zip

    7. **安全性**:在处理用户输入和信息交换时,必须考虑安全性。这包括防止SQL注入、XSS攻击等常见的Web安全问题。 8. **性能优化**:由于移动网络的不稳定性和带宽限制,系统需要进行性能优化,比如缓存策略、数据...

Global site tag (gtag.js) - Google Analytics