手机移动网页制作:表单输入框、单选框、复选框
本文继前面讲到的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中那样形式多样,但也够用了。