Modèle XForms

Le modèle XForms définit un modèle pour les données concentrées dans le formulaire.

Cadre XForms

Le rôle du formulaire HTML est de recueillir des données. Le rôle de XForms est le même.

Grâce à XForms, les données d'entrée sont décrites dans deux parties différentes :

  • Modèle XForms (description des données et de la logique)
  • Interface utilisateur XForms (affichage et saisie de données)

Modèle XFormsDéfinit ce qu'est un formulaire, les données qu'il contient et ce qu'il devrait faire.

Interface utilisateur XFormsDéfinit les domaines d'entrée et la manière dont ils sont affichés.

Modèle XForms

XForms ModèlePourDescriptionDonnées.

Un modèle de données est une instance d'un document XML (un modèle).

Le modèle XForms définit un modèle de données à l'intérieur d'un élément <model> :

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

À partir de l'exemple ci-dessus, vous pouvez voir que le modèle XForms utilise un <instance> éléments pour définir le modèle XML des données à collecter, et utilise un <submission> éléments pour décrire comment soumettre les données.

Le modèle <submission> utiliseIl n'y a pasExprimer toute information concernant la partie visible du formulaire (interface utilisateur).

Espace de noms XForms

Si vous avez négligé les espaces de noms XForms dans ces exemples ou si vous ne comprenez pas le concept de l'espace de noms, nous aborderons ce sujet dans la section suivante.

L'élément <instance>

Modèle XForms <instance> éléments pour définir les données à collecter.

XForms estCollecter des données pour un document XMLDans ce modèle XForms, l'élément <instance> définit ce document XML.

Dans l'exemple ci-dessus, l'instance de données du formulaire pour la collecte de données (document XML) pourrait ressembler à ceci :

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

Après la collecte des données, ce document XML pourrait ressembler à ceci :

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

l'élément <submission>

Le modèle XForms utilise <submission> éléments pour décrire comment soumettre les données.

L'élément <submission> peut définir le formulaire et la manière de soumettre le formulaire. Dans l'exemple ci-dessus,id="form1" est utilisé pour identifier ce formulaire,action="submit.asp" L'attribut indique l'URL vers laquelle le formulaire est soumis, tandis que method="get" Les attributs définissent les méthodes utilisées pendant le processus de soumission du formulaire.

Interface utilisateur XForms

XForms Interface utilisateurPourAffichage et saisieDonnées.

Les éléments d'interface utilisateur de XForms sont appelésContrôleou élément de contrôle :

<input ref="fname"><label>First Name</label></input>
<input ref="lname"><label>Last Name</label></input>
<submit submission="form1"><label>Submit</label></submit>

Dans l'exemple ci-dessus, deux éléments <input> définissent deux zones d'entrée. Les attributs ref="fname" et ref="lname" pointent vers les éléments <fname> et <lname> du modèle XForms.

L'attribut submission="form1" de l'élément <submit> peut faire référence à l'élément <submission> du modèle XForms. L'élément submit est généralement affiché sous forme de bouton.

Veuillez noter l'élément <label> dans l'exemple. Avec XForms, chaque élément de contrôle d'entrée doit avoir un élément <label>.

Vous aurez besoin d'un conteneur

XForms n'a pas été conçu pour fonctionner de manière isolée. Il n'existe pas non plus de document XForms.

XForms doit fonctionner dans un autre document XML. Il peut s'exécuter dans XHTML 1.0, et il fonctionnera également dans XHTML 2.0.

Maintenant, combinons tout cela

Si nous le combinons, le document ressemble à ceci :

<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>

La page s'affichera ainsi :

xforms_example

Traitant XForms

Intégré dans le navigateur Traitant XFormsSera responsable de soumettre les données XForms à la cible.

Les données peuvent être soumises sous forme d'XML, comme ceci :

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

Ou soumis comme texte, comme ceci :

fname=David;lname=Smith