WML学习(五):显示表单

2016-02-19 15:45 1 1 收藏

下面是个超简单的WML学习(五):显示表单教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)ion标签,语法如下,所有属性都为可选:
   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

来源:https://www.tulaoshi.com/n/20160219/1610336.html

延伸阅读
WML教程7:WML的事件 WML 的事件 内部事件(Onevent) 相关属性: type:内部事件的触发条件,当前浏览器状态满足触发条件时,浏览器就会触发这个条件下设置的Task,内部事件总共有4种触发条件。 1 ontimer 满足时钟设置的条件时,该条件成立。关于时钟设置问题,后面还有专门的说明。 2 onenterbackward 通过Prev或其他外部命令返回...
标签: PHP
         实例学习 PHP 之表单处理篇(一)   作 者 : 地藏          学习前的准备:       要想学习PHP,当然少不了要安装PHP啦,所以如果你是初次学习,请先阅读网络学院的文章:         ...
WML教程14:WML 文本处理 WML使用XML文档字符集,目前支持Unicode 2.0,和HDML不同,WML的所有标签,属性和规定的可接收值必须小写,CARD的名字和变量也是区分大小写的。和HDML一样,对于连续的空字符,只显示一个空格。标签内属性的值必须用"或者'括起来,属性名,=和值之间不能有空格。对于不成对出现的标签,必须在 > 前加 / ,比如 ...
标签: Web开发
div css表单布局的五个小技巧可以帮助你更灵活的控制表单,使页面更加满意。 1、表单文本输入的移动选择: 在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 textarea 中,一切就会变得简单多了,如: Example Source ...
标签: MySQL mysql数据库
  MySQL入门学习(五) --多表操作   前面我们熟悉了数据库和数据库表的基本操作,现在我们再来看看如何操作多个表。   在一个数据库中,可能存在多个表,这些表都是相互关联的。我们继续使用前面的例子。前面建立的表中包含了员工的一些基本信息,如姓名、性别、出生日期、出生地。我们再创建一个表,该表用...

经验教程

975

收藏

64
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部