首页 > 其他分享 >wml用户输入和提交的实现

wml用户输入和提交的实现

时间:2023-08-28 12:32:13浏览次数:28  
标签:元素 用户 指定 用于 提交 wml class 输入 属性


用户的输入

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>

标签:元素,用户,指定,用于,提交,wml,class,输入,属性
From: https://blog.51cto.com/u_16237557/7262396

相关文章

  • 按钮防重复提交
    main.js添加代码//防多次点击,重复提交Vue.directive('preventReClick',{inserted(el,binding){el.addEventListener('click',()=>{if(!el.disabled){el.disabled=truesetTimeout(()=>{el.disabled......
  • Dynamic ReLU:根据输入动态确定的ReLU
    这是我最近才看到的一篇论文,它提出了动态ReLU(DynamicReLU,DY-ReLU),可以将全局上下文编码为超函数,并相应地调整分段线性激活函数。与传统的ReLU相比,DY-ReLU的额外计算成本可以忽略不计,但表示能力明显增强,并且实现简单,所以可以非常简单的对我们现有的模型进行修改。DynamicReL......
  • wml input标记的format属性
    1、wml  input标记的format属性A从A到Z的任何大写字母,没有数字或其他字符。a从a到z的任何小写字母,没有数字和其他字符。N任何0到9的数字。X从A到Z从0到9的任何字符。x从a到z从0到9的任何字符。M任何字符,输入默认从大写开始。m任何字符,输入默认从小写开始。*f(星号)意味着......
  • wap 开发的必备知识 wml语言
    WAP是一种用于在无线终端进行信息服务的主要的标准。WML指无线标记语言。它是一种从HTML继承而来的标记语言,但是WML基于XML,因此它较HTML更严格。WML被用来创建可显示在WAP浏览器中的页面。用WML编写的页面被称为DECKS。DECKS是作为一套CARDS被构造的。主要标签Deck......
  • Struts2中防止表单重复提交的两种方式
    防止表单重复提交,这是个很重要的知识点,而且很有用。当用户提交了一个表单,此时,地址栏显示的是处理这个表单的Action的地址,若此时刷新,则会重新发送一次表单数据,即又进行了一次提交,若这个Action是用来处理用户注册的,那么重复提交会再一次向数据库中插入之前已经插入的数据,这显然不是我......
  • Struts2输入校验以及错误信息处理(2)——用Struts2定义好的校验框架进行校验
    Struts2的输入校验有两种方式:一种是用Action中定义的validate()方法进行校验,一种是用Struts2定义好的校验框架进行校验。前者里面的逻辑判断要自己写,而后者只需要传递相应的参数即可。不管是哪种方式,程序执行的流程都是一样的,执行流程如下:1、对表单传递过来的数据,先进行类型转换......
  • Struts2的自定义类型转换和简单的输入校验
    这里关键是对自定义类型的理解,它和8个基本数据类型的地位是一样的,只不过这个是你自己定义的类型。那么在Struts2中什么时候要用到数据类型转换呢?其实,我们一直在用,只是我们没有感觉到而已,Struts2对8个基本数据类型以及Date、String等常见类型,会自动的用内建的类型转换器进行转换,这个......
  • Struts2输入校验以及错误信息处理(1)——用Action中定义的validate()方法进行校验
    Struts2的输入校验有两种方式:一种是用Action中定义的validate()方法进行校验,一种是用Struts2定义好的校验框架进行校验。前者里面的逻辑判断要自己写,而后者只需要传递相应的参数即可。不管是哪种方式,程序执行的流程都是一样的,执行流程如下:1、对表单传递过来的数据,先进行类型转换2、......
  • 【GRU回归预测】基于门控循环单元GRU实现数据多维输入单输出预测附matlab代码
     ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,matlab项目合作可私信。......
  • js_中文输入法情况下, 输入框v-model绑定值中没有输入值但却触发input事件的问题
    中文输入法情况下,输入框v-model绑定值中没有输入值但却触发input事件的问题今天写的一个搜索框,要求输入字符时不作处理,直到用户点击搜索按钮时才执行搜索逻辑;当用户将搜索框文本删除至空字符串时,执行一次无搜索值的搜索逻辑,用于将表格数据恢复至无筛选;在这个功能......