Contrôle d'entrée XForms

L'interface utilisateur de XForms utilise des contrôles XForms.

Contrôle XForms

Les éléments d'interface utilisateur dans XForms sont appelés Contrôle XForms。

Les éléments de contrôle les plus couramment utilisés sont <input> et <submit>.

Chaque élément de contrôle a une propriété ref qui renvoie au modèle de données XForms.

Contrôles indépendants de l'appareil

Comprendre l'interface utilisateur XForms ne décrit pas exactement comment afficher les contrôles XForms est très important.

Comme XForms est indépendant de la plate-forme et de l'appareil, XForms laisse le droit de déterminer comment afficher ces espaces au navigateur.

Pour cette raison, XForms peut être utilisé sur tous types de dispositifs, ordinateurs personnels, téléphones mobiles, ordinateurs portables, etc. XForms est également une solution parfaite pour définir l'interface utilisateur pour les personnes handicapées.

Contrôle input

Le contrôle input est le contrôle XForms le plus couramment utilisé. Il est utilisé pour saisir une ligne de texte :

<input ref="name/fname">
<label>Nom</label>
</input>

La plupart du temps, le contrôle input est affiché comme ce champ d'entrée :

Affichage du contrôle input

Essayez-le vous-même

Élément <label>

L'élément <label> est un élément obligatoire de tous les contrôles d'entrée XForms.

Cela est dû à l'assurance que le formulaire soit utilisable sur tous types de dispositifs (parce que les étiquettes peuvent être traitées de différentes manières.). Pour les logiciels vocaux, les étiquettes peuvent être lues, et pour certains appareils portatifs, les étiquettes doivent suivre l'entrée écran par écran.

Contrôle secret

Le contrôle secret est une variante spéciale de l'espace d'entrée, conçu pour saisir des mots de passe ou d'autres informations cachées :

<secret ref="name/password">
<label>Mot de passe :</label>
</secret>

La plupart du temps, le contrôle secret s'affiche comme ce champ d'entrée :

Affichage du contrôle Secret

Contrôle textarea

Le contrôle textarea est utilisé pour les entrées multilignes :

<textarea ref="message">
<label>Message</label>
</textarea>

Le contrôle textarea peut être affiché comme ce champ d'entrée :

Affichage du contrôle Textarea

Contrôle Submit

Le contrôle Submit est utilisé pour soumettre des données :

<submit submission="form1">
<label>Soumettre</label>
</submit>

Contrôle trigger

Le contrôle trigger est utilisé pour déclencher une action :

<trigger ref="calculate">
<label>Calculer !</label>
</trigger>

Contrôle de sortie :

L'espace de sortie est utilisé pour afficher les données XForms :

<p>Prénom: <output ref="name/fname" /></p>
<p>Nom de famille:  <output ref="name/lname" /></p>

L'exemple ci-dessus ne peut que sortir le contenu des nœuds <fname> et <lname> du document XML (instance XForms) suivant :

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

Il s'affiche ainsi :

Prénom: David
Nom de famille: Smith

Essayez-le vous-même

Contrôle Upload

Le contrôle upload est conçu pour télécharger des fichiers vers le serveur :

<upload bind="name">
<label>Fichier à télécharger:</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>