XForms Model

XForms modellen definerer en skabelon til at fokusere på dataene i formularen.

XForms ramme

HTML-formularens funktion er at indsamle data. XForms har samme funktion.

Gennem XForms beskrives inputdata i to forskellige dele:

  • XForms model (beskrivelse af data og logik)
  • XForms brugergrænseflade (visning og input af data)

XForms ModelDefinerer, hvad en formular er, hvilke data den indeholder og hvad den skal gøre.

XForms 用户界面Definerer inputfelterne og hvordan de vises.

XForms Model

XForms Model用于Beskrivelse数据。

Data modellen er en eksempel på en XML-dokument (en skabelon).

XForms 模ellen definerer en data model inden for en <model> element:

<model>
<instance>
  <person>
    <fname/>
    <lname/>
  </person>
</instance>
<submission id="form1" action="submit.asp" method="get"/>
</model>

从上面的例子，您可以看到 XForms 模型使用 一个 <instance> 元素来为需要收集的数据定义 XML 模板，并使用一个 <submission> 元素来描述如何提交数据。

<submission> 模型没有表达任何有关表单可见部分（用户界面）的信息。

XForms Navnerum

假如您忽略了这些例子中的 XForms 命名空间，或者假如您不清楚命名空间的概念，我们会在下一节介绍这个内容。

<instance> 元素

XForms Model <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.asp" 属性表单被提交到的 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 中。

Nu kombinerer vi dem alle sammen

Hvis vi kombinerer dem alle, så ser dokumentet sådan ud:

<xforms>
<model>
<instance>
  <person>
    <fname/>
    <lname/>
  </person>
</instance>
<submission id="form1" action="submit.asp" 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>

Siden vil blive vist som følger:

xforms_example

XForms处理器

Indbygget i browseren XForms处理器vil være ansvarlig for at indsende XForms data til målet.

Data kan indsendes som XML, sådan som dette:

<person>
  <fname>David</fname>
  <lname>Smith</lname>
</person>

eller indsend som tekst, sådan som dette:

fname=David;lname=Smith