4天学会 NoahWeb 表单_HTML基础_前端技术
日期：2013-08-17 浏览次数：20683 次
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中没有的）
| hidden | 隐藏变量域 |
| text | 单行文本输入区 |
| checkbox | 多选框 |
| file | 上传文件选择框 |
| image | 图片按钮，当图片地址为空时不会显示 |
| password | 密码输入区 |
| radio | 单选框 |
| reset | 重设按钮 |
| button | 按钮 |
