手机移动网页制作：表单输入框、单选框、复选框

手机移动网页制作：表单输入框、单选框、复选框

本文继前面讲到的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中那样形式多样，但也够用了。