XForms Model

Het XForms-model definieert een sjabloon voor de gegevens die zich richten op het formulier.

XForms framework

De rol van een HTML-formulier is het verzamelen van gegevens. De rol van XForms is hetzelfde.

Door middel van XForms worden invoergegevens beschreven in twee verschillende delen:

  • XForms model (beschrijving van gegevens en logica)
  • XForms gebruikersinterface (weergave en invoer van gegevens)

XForms ModelDefinieert wat een formulier is, welke gegevens het bevat en wat het moet doen.

XForms gebruikersinterfaceDefinieert de invoervelden en hoe deze worden weergegeven.

XForms Model

XForms ModelGebruikt voorBeschrijvingGegevens.

Een data model is een instantie van een XML-document (een sjabloon).

XForms model definieert een data model binnen een <model> element:

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

Van de bovenstaande voorbeelden kun je zien dat het XForms-model een gebruikt <instance> elementen om een XML-sjabloon voor de gegevens die moeten worden verzameld te definiëren, en gebruik een <submission> elementen om te beschrijven hoe gegevens moeten worden ingediend.

<submission>-modelGeenGeef informatie over de zichtbare delen (gebruikersinterface) van het formulier.

XForms Namensruimte

Als je de XForms-namenruimte in deze voorbeelden hebt overgeslagen, of als je niet bekend bent met het concept van een naamruimte, zullen we dit in het volgende hoofdstuk bespreken.

<instance>-element

XForms Model <instance> elementen om de te verzamelen gegevens te definiëren.

XForms isGegevens verzamelen voor een XML-documentIn deze XForms-model, definieert het <instance>-element dit XML-document.

In het bovenstaande voorbeeld lijkt het datainstance (XML-document) dat het formulier verzamelt, zo:

<person>
  <fname/>
  <lname/>
</person>

Na het voltooien van de gegevensinname, kan dit XML-document er zo uitzien:

<person>
  <fname>John</fname>
  <lname>Smith</lname>
</person>

<submission>-elementen

Het XForms-model gebruikt <submission> elementen om te beschrijven hoe gegevens moeten worden ingediend.

Het <submission>-element kan het formulier en hoe het formulier moet worden ingediend definiëren. In het bovenstaande voorbeeld,id="form1" Wordt gebruikt om dit formulier te identificeren,action="submit.asp" Eigenschap verwijst naar de URL waar het formulier naar wordt ingediend, terwijl method="get" Eigenschappen definiëren de methoden die worden gebruikt tijdens het indienen van het formulier.

XForms gebruikersinterface

XForms GebruikersinterfaceGebruikt voorWeergave en invoerGegevens.

De gebruikersinterface-elementen van XForms hetenControleerOf invoercontrole:

<input ref="fname"><label>Voornaam</label></input>
<input ref="lname"><label> Achternaam</label></input>
<submit submission="form1"><label>Indienen</label></submit>

In het bovenstaande voorbeeld definiëren twee <input>-elementen twee invoervelden. De ref="fname" en ref="lname"-eigenschappen wijzen naar de <fname> en <lname>-elementen in het XForms-model.

De submit="form1"-eigenschap in het <submit>-element verwijst naar het <submission>-element in het XForms-model. Het submit-element wordt meestal weergegeven als een knop.

Let op het voorbeeld van het <label>-element. Met XForms moet elk invoercontrolelement een <label>-element hebben.

U heeft een container nodig

XForms is niet ontworpen om op zichzelf te werken. Er is geen sprake van een XForms-document.

XForms moet werken in een andere XML-document. Het kan draaien in XHTML 1.0, en het zal ook werken in XHTML 2.0.

Nu alles combineren

Als we het allemaal combineren, ziet dit document er zo uit:

<xforms>
<model>
<instance>
  <person>
    <fname/>
    <lname/>
  </person>
</instance>
<submission id="form1" action="submit.asp" method="get"/>
</model>
<input ref="fname"><label>Voornaam</label></input>
<input ref="lname"><label> Achternaam</label></input>
<submit submission="form1"><label>Indienen</label></submit>
</xforms>

De pagina wordt zo weergegeven:

xforms_example

XForms Processor

Ingebouwd in de browser XForms Processorzal verantwoordelijk zijn voor het indienen van XForms data naar het doel.

Data kan als XML worden ingediend, iets dergelijks:

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

Of als tekst indienen, iets dergelijks:

fname=David;lname=Smith