XForms 模型
XForms 模型为集中于表单中的数据定义了一个模板。
XForms 框架
HTML 表单的作用是搜集数据。XForms 的作用是相同的。
通过 XForms,输入数据被描述在两个不同的部分中:
- XForms 模型(描述数据和逻辑)
- XForms 用户界面(显示和输入数据)
XForms 模型定义了什么是表单,它包含什么数据,以及它应该做什么。
XForms 用户界面定义了输入域,以及它们如何被显示。
XForms 模型
XForms 模型用于描述数据。
数据模型是 XML 文档的一个实例(一个模板)。
XForms 模型定义了一个 <model> 元素内部的一个数据模型:
<model> <instance> <person> <fname/> <lname/> </person> </instance> <submission id="form1" action="submit.html" method="get"/> </model>
从上面的例子,您可以看到 XForms 模型使用 一个 <instance> 元素来为需要收集的数据定义 XML 模板,并使用一个 <submission> 元素来描述如何提交数据。
<submission> 模型没有表达任何有关表单可见部分(用户界面)的信息。
XForms 命名空间
假如您忽略了这些例子中的 XForms 命名空间,或者假如您不清楚命名空间的概念,我们会在下一节介绍这个内容。
<instance> 元素
XForms 模型 <instance> 元素来定义数据收集的数据。
XForms 是为某个 XML 文档进行数据收集的。在这个 XForms 模型中的 <instance> 元素定义了这个 XML 文档。
在上面的例子中,表单为其收集数据的数据实例(XML 文档)类似这样:
<person> <fname/> <lname/> </person>
在数据收集完毕后,这个 XML 文档也许看上去类似这样:
<person> <fname>John</fname> <lname>Smith</lname> </person>
<submission> 元素
XForms 模型使用 <submission> 元素来描述如何提交数据。
<submission> 元素可定义表单以及如何提交表单。在上面的例子中,id="form1" 用于标示此表单,action="submit.html" 属性表单被提交到的 URL,而 method="get" 属性定义了在表单提交过程中使用的方法。
XForms 用户界面
XForms 用户界面用于显示和输入数据。
XForms 的用户界面元素被称为控件或输入控件:
<input ref="fname"><label>First Name</label></input> <input ref="lname"><label>Last Name</label></input> <submit submission="form1"><label>Submit</label></submit>
在上面的例子中,两个 <input> 元素定义了两个输入域。ref="fname" 和 ref="lname" 属性指向了 XForms 模型中的 <fname> 和 <lname> 元素。
<submit> 元素中的 submission="form1" 属性可引用 XForms 模型中的 <submission> 元素。submit 元素通常被显示为按钮。
请留意例子中的 <label> 元素。使用 XForms 的话,每个输入控件元素都必须有 <label> 元素。
您将需要一个容器
XForms 没有被设计为单独工作的方式。也没有所谓的 XForms 文档。
XForms 必须工作在另外一个 XML 文档中。它可运行在 XHTML 1.0 中,同时它也将工作在 XHTML 2.0 中。
现在把所有的组合起来
如果我们把它组合起来,此文档是这样的:
<xforms> <model> <instance> <person> <fname/> <lname/> </person> </instance> <submission id="form1" action="submit.html" method="get"/> </model> <input ref="fname"><label>First Name</label></input> <input ref="lname"><label>Last Name</label></input> <submit submission="form1"><label>Submit</label></submit> </xforms>
页面会这样显示:
XForms 处理器
内建于浏览器中的 XForms 处理器将负责向目标提交 XForms 数据。
数据可作为 XML 来提交,类似这样:
<person> <fname>David</fname> <lname>Smith</lname> </person>
或作为文本来提交,类似这样:
fname=David;lname=Smith