前端设计

手机网页的制作方法七_WML表单内容

2013-08-22

本文继前面讲到的WML语言中的文本标签和图像、链接后,接着讲WML语言中的表单内容。
 

在Html中,表单内容包括输入框、单选框、复选框等等,WML也并不例外,仍然包含这三个元素,而且和Html中十分相似。

 

六、输入框


输入框可以让用户输入信息,起到交互效果。和Html中一样,都是使用<input>标签:

 

<?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>
姓名: <input name="Name" size="15"/><br/>
年龄: <input name="Age" size="15" /><br/>
 性别: <input name="Sex" size="15"/>
 </p>
 </card>
 </wml> 
 

七、单选框和复选框

同理,在Html中也有单选和复选的表单内容之分,在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 title="Selectable List 1">

<p>
 

 <Select>
 <option value="htm">HTML 教程</option>
 <option value="xml">XML 教程</option>
 <option value="wap">WAP 教程</option>
 </Select>
 </p>
 </card>
 </wml> 
 
不要奇怪,虽然<Select> 标签和<option>在Html语言中会显示为下拉菜单选项,但在WML语言的浏览器中会显示成单选框,这是与Html的区别。 而复选框也是在它的基础上稍加定义而成的:
<Select multiple="true"> <option value="htm">HTML 教程</option>

<option value="xml">XML 教程</option>
 

 <option value="wap">WAP 教程</option>
 </Select> 
 
没错,仅仅在<Select> 处添加了 multiple="true"就使单选框变成了复选框。

八、Fieldset控件组

为了让表单显得整齐,我们常常在其外面加上一段标明区域的代码fieldset,Html中也有这个做法。比如:
<fieldset title=" Form Info"> 标题: <input name="title" type="text"/><br/> 价格: <input name="prize" type="text"/> </fieldset>
WML中基本的表单元素大概只有那么多,虽然没有Html中那样形式多样,但也够用了。