WML - 输入

WML 提供了各种选项让用户通过 WAP 应用程序输入信息。

首先，我们将研究允许用户在项目之间直接选择的不同选项。这些通常采用菜单和子菜单的形式，允许用户深入了解他们想要的确切数据。

WML <select> 元素:

<select>...</select> WML 元素用于定义选择列表，<option>...</option> 标签用于定义选择列表中的项目。项目在某些 WAP 浏览器中显示为单选按钮。<option>...</option> 标签对应包含在 <select>...</select> 标签内。

该元素支持以下属性:

属性	值	描述
iname	text	命名使用选择的索引结果设置的变量
ivalue	text	设置预选选项元素
multiple	true false	设置是否可以选择多个项目。默认为"false"
name	text	命名使用选择结果设置的变量
tabindex	number	设置选择元素的制表位置
title	text	设置列表标题
value	text	在"name"属性中设置变量的默认值
xml:lang	language_code	设置元素中使用的语言
class	class data	设置元素的类名。
id	element ID	元素的唯一 ID。

以下示例显示了这两个元素的用法。

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

<wml>

<card title="Selectable List">
<p> Select a Tutorial :
 <select>
  <option value=.html">HTML Tutorial</option>
  <option value="xml">XML Tutorial</option>
  <option value="wap">WAP Tutorial</option>
 </select>
</p>
</card>

</wml>

当您加载此程序时，它将显示以下屏幕:

突出显示并输入选项后，它将显示以下屏幕:

您想要提供选择多个选项的选项，然后将 multiple 属性设置为 true，如下所示:

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

<wml>

<card title="Selectable List">
<p> Select a Tutorial :
 <select multiple="true">
  <option value=.html">HTML Tutorial</option>
  <option value="xml">XML Tutorial</option>
  <option value="wap">WAP Tutorial</option>
 </select>
</p>
</card>

</wml>

这将为您提供一个选择多个选项的屏幕，如下所示:

WML <input> 元素:

<input/> 元素用于创建输入字段，输入字段用于从用户获取字母数字数据。

该元素支持以下属性:

属性	值	描述
name	text	根据用户输入的结果设置的变量的名称
maxlength	number	设置用户可以在字段中输入的最大字符数
emptyok	true false	设置用户是否可以将输入字段留空。默认为"false"
format	A a N X x M m *f nf	设置输入字段的数据格式。默认为"M"。 A = 大写字母或标点符号 a = 小写字母或标点符号 N = 数字字符 X = 大写字符 x = 小写字符 M = 所有字符 m = 所有字符 f = 任意数量的字符。将 f 替换为上面的字母之一，以指定用户可以输入哪些字符 nf = 将n替换为1到9之间的数字，以指定用户可以输入的字符数。将 f 替换为上面的字母之一以指定用户可以输入哪些字符
size	number	设置输入字段的宽度
tabindex	number	设置选择元素的制表位置
title	text	设置列表标题
type	text password	指示输入字段的类型。默认值为"text"。密码字段用于获取密码以进行身份验证。
value	text	在"name"属性中设置变量的默认值
xml:lang	language_code	设置元素中使用的语言
class	class data	设置元素的类名。
id	element ID	元素的唯一 ID。

以下示例显示了该元素的用法。

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

<wml>

<card title="Input Fields">
<p> Enter Following Information:<br/> 
 Name: <input name="name" size="12"/>
 Age :  <input name="age" size="12" format="*N"/>
 Sex :  <input name="sex" size="12"/> 
</p>
</card>

</wml>

这将为您提供以下屏幕来输入所需信息:

WML <fieldset> 元素:

<fieldset/> 元素用于对各种输入字段或可选择列表进行分组。

该元素支持以下属性:

属性	值	描述
title	text	设置列表标题
xml:lang	language_code	设置元素中使用的语言
class	class data	设置元素的类名。
id	element ID	元素的唯一 ID。

以下示例显示了该元素的用法。

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

<wml>

<card title="Grouped Fields">
<p> 
<fieldset title="Personal Info">
 Name: <input name="name" size="12"/>
 Age :  <input name="age" size="12" format="*N"/>
 Sex :  <input name="sex" size="12"/> 
</fieldset>
</p>
</card>

</wml>

这将为您提供以下屏幕以输入所需信息。此结果可能因浏览器而异。

WML <optgroup> 元素

<optgroup/> 元素用于将各种选项组合到一个可选择列表中。

该元素支持以下属性:

属性	值	描述
title	text	设置列表标题
xml:lang	language_code	设置元素中使用的语言
class	class data	设置元素的类名。
id	element ID	元素的唯一 ID。

以下示例显示了该元素的用法。

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

<wml>

<card title="Selectable List"> 
<p>
 <select>
   <optgroup title="India">
    <option value="delhi">Delhi</option>
    <option value="mumbai">Mumbai</option>
    <option value="hyderabad">Hyderabad</option>
   </optgroup>
   <optgroup title="USA">
    <option value="ohio">Ohio</option>
    <option value="maryland">Maryland</option>
    <option value="washington">Washingtone</option>
   </optgroup>
 </select>
</p>
</card>

</wml>

当用户加载上述代码时，它将提供两个选项可供选择: