WML学习(五):显示表单

显示

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

时间: 2024-10-04 11:22:15

WML学习(五):显示表单的相关文章

WML学习之五 显示表单_WML教程

显示表单 类似于HTML的<FORM>,<fieldset>可用来包括一组表单选项,但不是必须的.前面说过,当<card>的ordered设置为false时,手机可以显示一个概要CARD来总结有效的选项,方便用户从中选取表单选项来填写,概要CARD就是根据<fieldset>和独立的输入框<input>以及选单<select>来总结的.语法为, <fieldset title="label">表单内容&

WML开发教程--WML学习之显示表单

教程|显示 类似于HTML的<FORM>,<fieldset>可用来包括一组表单选项,但不是必须的.前面说过,当<card>的ordered设置为false时,手机可以显示一个概要CARD来总结有效的选项,方便用户从中选取表单选项来填写,概要CARD就是根据<fieldset>和独立的输入框<input>以及选单<select>来总结的.语法为, <fieldset title="label">表单内容

《HTML5实战》——2.3 计算金额总计,显示表单输出结果

2.3 计算金额总计,显示表单输出结果 上一节用data-*属性将键/值对数据和数量字段联系起来,将< output >元素添加到每个产品的购买金额总计和整个订单金额总计上.然而,在现在的状态下,订单似乎并不关心用户在数量字段输入的值,总金额依旧是$0.00. 本节主要学习内容 如何使用valueAsNumber属性,以数字形式读取输入值. 如何从data-*属性中获取数据. 如何更新< output >元素.本节将使用data-*属性与< output >元素来计算金

教你如何学习五笔

五笔不一定是最好的输入法,也不一定是最快的输入法,但我肯定,五笔有着拼音无可比拟的优势,不是难学这个借口就值得放弃的.你想试试每分钟80字的感觉吗?你想知道什么是真正的盲打吗?加入我们五笔吧. 本方法一年前已经在我朋友身上试了,现在把方法写出来大家分享,也好让五笔输入法发扬光大. 首先说明的三点: 第一.这不是什么奇法,所以你还是要努力,我只是改了人们学五笔传统的错误学习方法. 第二.如果你说两天三小时换来只是学会五笔,每分钟打不到10字,每个句子有一半要问人怎样打,这样太无聊的话你也不要看下去

BootStrap 智能表单实战系列(五) 表单依赖插件处理_javascript技巧

什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品. Bootstrap 包的内容 基本结构:Bootstrap 提供了一个带有网格系统.链接样式.背景的基本结构.这将在 Bootst

艾伟:C#多线程学习(五) 多线程的自动管理(定时器)

本系列文章导航 C#多线程学习(一) 多线程的相关概念 C#多线程学习(二) 如何操纵一个线程 C#多线程学习(三) 生产者和消费者 C#多线程学习(四) 多线程的自动管理(线程池) C#多线程学习(五) 多线程的自动管理(定时器) C#多线程学习(六) 互斥对象 Timer类:设置一个定时器,定时执行用户指定的函数. 定时器启动后,系统将自动建立一个新的线程,执行用户指定的函数. 初始化一个Timer对象: Timer timer = new Timer(timerDelegate, s,10

WML学习(四):锚和任务

锚和任务连接是 HTML 页面里最基本的功能, 在 WML 里也一样用 <a href="url" title="label"> 和 </a>来包括用来建立连接的文字,必选属性href指定了要打开的URL,可选的title属性给该连接取个标记名字,这个名字将作为软按钮之一的ACCEPT键(详见以前的HDML入门文章)的标记显示在屏幕的软按钮区,所以通常可以将属性作为提示文字是用. 然而,以上的连接在WML里只是任务的一种情况,为了能够使用其它

WML学习(三):显示文本

显示 显示文本在文本的显示上WML基本和HTML相同.文字段落包含在<p align= "alignment" mode=" wrapmode">和</p>之间,align属性指定该段文字的对齐方式,默认的是left,其他可选择right和center:mode属性指定当一行显示不下所有的文字时是否自动换行,默认的是自动换行wrap,如果选nowrap,则在一行中显示,浏览器会通过类似于水平滚动条的机制来显示所有文字. 换行标签也一样为<

Laravel 5框架学习之表单_php实例

首先让我们修改路由,能够增加一个文章的发布. 复制代码 代码如下: Route::get('articles/create', 'ArticlesController@create'); 然后修改控制器 复制代码 代码如下:     public function create() {         return view('articles.create');     } 我们返回一个视图,新建这个视图.我们当然可以直接使用HTML建立表单,但我们有功能更好的办法.我们使用一个开源库,Jef