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

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

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

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

 

推荐阅读

    Dreamweaver概述:插入表单对象

    Dreamweaver概述:插入表单对象,对象,表单,设置,属性,注册,标签,文本, Dreamweaver概述:插入表单对象 插入表单对象  一.重点掌握: 表单中

    Dreamweaver表单对象:文本区域

    Dreamweaver表单对象:文本区域,文本,区域,表单,对象,字符,设置,显示,Dreamweaver表单对象:文本区域 文本区域 在表单中插入一个文本区

    Dreamweaver表单创建与设置

    Dreamweaver表单创建与设置,设置,表单,数据,属性,点击,目标,名称,Dreamweaver表单创建与设置 一、表单的创建方法: 点击“插入”-“表单

    Fireworks制作虚线(2)

    Fireworks制作虚线(2),虚线,制作,输入,选择,命令,网页制作,设定,Fireworks制作虚线(2) 11.在“形状”选项卡,如果不选中“正方形”,并且“大

    Fireworks制作虚线(1)

    Fireworks制作虚线(1),虚线,制作,单击,选择,工具,选项,下拉框,Fireworks制作虚线(1) 操作步骤: 1.启动Fireworks MX,新建一个文件,文件宽和

    Fireworks制作Mac按钮

    Fireworks制作Mac按钮,工具,填充,圆角矩形,制作,选择,复制,图层,Fireworks制作Mac按钮 1.新建一个文件,背景色自定。使用圆角矩形工具,在编

    fireworks制作圆角三角形

    fireworks制作圆角三角形,三角形,圆角,制作,路径,选择,打开菜单,文本,fireworks制作圆角三角形 1.选择“多边形”工具。 2.