HTML中表单是网络使用里极为常见的东西，B/S使用中有关用户数据输入都需求通过表单来实现，简单的表单或少量表单可通过Dreamweaver等类似的所见即所得的工具来进行编写。可对于表单比较多的使用系统就希望有一种机制来帮我们快速开发出表单，新一代B/S开发言语NoahWeb就提供了这样的机制，可用基于XML的结构化方式制造所需表单，在实际调用的时候再依据指定的模板文件来生成最终表单，这无疑可以把很多制造表单麻烦的任务简化，学会这种的制造方式后开发B/S使用中的表单就很easy了！

　　好啦！开始了！

　　要制造表单可以通过NoahWeb Designer(NoahWeb设计器)打开名称空间下的表单文件（名称空间下的Forms.xml.config文件）：

然后设计器就会用你事后设定好的文本编辑器打开表单文件，我在这设置的是EDITPLUS，如下：

Forms就是表单资源中的根节点，所有的表单都必须存在该根节点下。并且使用Form标签来进行描述。如果有两个表单那么简单点来说Form的写法就如下：

　　OK，讲完Form就让我们来初步了解一下NoahWeb中的“表单资源”的基本结构和NoahWeb提供的控件。

表单的基本结构

　　先看一张截图吧！

上面这个是一个很简单的表单，下面是关于这张表单NoahWeb表单结构代码，绿色字体是当前行或者上一行的注释（后面的内容都省略Forms不提了）：

　　第一步，先看截图最外层的节点<Form Id="" Text=""></Form>标签,刚才我们见过Form的属性Id和Text，Id可以随便输入表示的是此Form的一个援用名，援用名是为了调用该表单的时候用的，Text是这个表单的显示名字，用来作为生成该表单的时的文本。我们可以依据本人的需求输入Id和Text。留意:多个Form的Id不能反复。

　　第二步要建立一个表单输入区<Line Text=""></Line>,Line标签的作用我们可以先把他简单的理解成HTML里的table类似。

　　第三步要在输入区中建立一个新的输入行<InputLine Text="" Desc=""></InputLine>，InputLine标签的作用我们可以先把他简单的理解成HTML里的tr类似，一个输入区里面可以有多个输入行。

　　第四步要要输入行中建立一个描述控件的标签<Input Id="" Type=""></Input>, Input标签也可以先简单理解成和HTML里的td类似，一个输入行中也可以有多个描述控件的标签，

　　第五步要在Input标签内添入一些所要描述标签的具体参数，例如：Input显示名称的标签<Label></Label>，Input显示名称使用款式的标签<LabelClass></LabelClass>，Input显示尺寸的标签<size></size>，为了程序能依据需求你还可以加入校验标签，这样一个表单就完成了。

表单可以定义很多常用的控件类型，不同的类型在Input的Type中指定的是不同的，如下面这些图所示：

除了常见类型外NoahWeb还提供了一些在HTML不存在的输入类型：如下面：

　　你可以把各段代码放到一个Line标签里看看结果如何，其它的就不依依列举了，大家本人试试就知道了。

　　列举表单中支持的控件类型，大家可做一下参考： （用*表示的是HTML中没有的）

推荐阅读更多>

1. HTML初学者教程-图象
2. 经过css设置 被遮罩的datepicker的z-index
3. 翻开新的窗口与保住页面的referrer
4. HTML 4.0新增特性示例
5. [菜]到底是显示哪个CSS文件中的样式呢？解决思路
6. 容易的PHP HTML DOM 解析器 中文手册 | PHP Simple HTML DOM Parser中文手册
7. HTML5有关资源-书目
8. 关于表边框线粗细的有关问题，请兄弟们帮小弟我想想办法
9. 有必要在body,table,input都声明字体么？解决办法
10. 像这样的布局应该如何实现
11. 在一个div里面嵌套1个labal和2个div，怎么用css实现：labal和第一个div显示在一行，第2个div显示在第2行，并且和第1个div左对齐
12. 40 网页设计施用精美插图的案例
13. window.open的有关问题
14. Css自定义Button的肌肤
15. html <a />标签运用注意事项
16. 如何能让div标签里面的p自动换行
17. 2012年，开发人员对HTML5都有哪些期望
18. Android混合开发之Activity类与html页面之间的相互跳转(并解决黑屏有关问题)
19. 动态设立透明度
20. HTML5 Canvas 玲珑表动画实例