MSC开发教程 《MSC从入门到精通》
第5节．form界面
课程目标：了解、学习form界面的构造
课程要点：form界面的要素
form界面介绍
form界面是MSC 界面中表现力最为丰富的界面，它可以实现多种多样的内容，如文字，图片、输入框、选择框、多项选择、单项选择、文本框、附件、调用本地资源等。
当我们要创建一个form界面时，方式如下：
<msc statusbar_caption="" title="form界面" type="form" >
</msc>
此段代码是定义了，此MSC界面为form界面。
form界面构造
在form界面中，由head、body、foot三个部分组成。具体如下：
<head>
用来放置一些导航，工具栏等内容。
<body>
显示的界面的内容，包括输入框，文字，按钮、图片、链接、选择、单选、多选等。
<foot>
显示菜单及按钮
如下图所示：
此段代码如下：
<msc statusbar_caption="" title="form界面" type="form" >
<head>
<object name="" type="navigation" >
<select caption="head部分" name="" style="menu" writeable="false" align="right" >
<option selected="true" target="_self" >导航一</option>
<option target="_self" >导航二</option>
<option target="_self" >导航三</option>
</select>
</object>
</head>
<body>
body部分
</body>
<foot>
<input name="" caption="foot部分" align="primary" href="" target="_blank" type="button" />
</foot>
</msc>
head部分
head部分与list界面中的构造基本是一致，请参考list界面构造中的内容。这里不再描述。
body部分
body部分的内容比较多，我们简单的列出以下几种，如下图所示：
本段内容中，从上至下，包括了输入框、文本输入框、按钮、图片、文字、时间控件、选择框、单选项、多选项。当然这只body部分中的一部分内容，如果需要其它内容可继续增加，这里不全部列出。
上图中的界面，代码如下：
<body>
body部分
<input name="" type="text" caption="标题" value="单行输入框" />
<textarea name="" caption="内容" line="3" >文本输入框</textarea>
<input name="" type="button" caption="点击此按钮" />
<img width="128" src="img1.png" height="128" align="center" />
<font color="#ff0000" align="center">普通文字，可变颜色大小、位置等</font>
<hr/>
<object name="" type="date" caption="时间控件" />
<select caption="选择框" name="" style="menu" writeable="false" >
<option >1</option>
<option >2</option>
<option >3</option>
</select>
<input name="" type="radio" caption="单选项" />
<input name="" type="checkbox" caption="多选项1" />
<input name="" type="checkbox" caption="多选项2" />
</body>
结合form界面代码说明：
1．输入框
<input name="" type="text" caption="标题" value="单行输入框" />
2. 文本输入框
<textarea name="" caption="内容" line="3" >文本输入框</textarea>
3. 按钮
<input name="" type="button" caption="点击此按钮" />
4. 图片
<img width="128" src="img1.png" height="128" align="center" />
5. font
<font color="#ff0000" align="center">普通文字，可变颜色大小、位置等</font>
6. 横线
<hr/>
7. 时间控件
<object name="" type="date" caption="时间控件" />
8. 选择类
<select caption="选择框" name="" style="menu" writeable="false" >
<option >1</option>
<option >2</option>
<option >3</option>
</select>
<input name="" type="radio" caption="单选项" />
<input name="" type="checkbox" caption="多选项1" />
<input name="" type="checkbox" caption="多选项2" />
foot部分
foot部分的内容较简单，主要是按钮与菜单的功能，如下图所示：
其中，左侧的“foot部分”按钮为主，右侧菜单项中的“菜单一”“菜单二”为副，它们的功能同按钮一样，用来提交、点击、跳转等。
上图foot部分的代码如下：
<foot>
<input name="" caption="foot部分" align="primary" href="" target="_blank" type="button/submit/reset" />
<input name="" caption="菜单一" align="secondary" href="" target="_blank" type="button" />
<input name="" caption="菜单二" align="secondary" href="" target="_blank" type="button" />
</foot>
总结，form的界面构造是需要我们运用组合方式来构造的，这可能需要编写者懂得如何将界面布局好，以及通过一定的调整、线条、图片等来进行美化，才能达到出色的效果，才不会让整个界面看起来过于呆板，或是显得很单调。
下图几个界面是几个经过美化过的界面，作为参考：
当然form界面还有很多功能，如实现聊天界面、多媒体界面、附件界面等。这里就不进行阐述了，总之就是form是一个丰富强大的界面，可以让编写者开发出各种界面来，满足各种手机应用的需求。
