XForms Invoerknop

De gebruikersinterface van XForms gebruikt XForms-stuurprogramma's.

XForms-stuurprogramma's

Gebruikersinterface-elementen in XForms worden genoemd XForms-stuurprogramma's

De meest gebruikte stuurprogrammelementen zijn <input> en <submit>.

Elk knop element heeft een ref eigenschap die verwijst naar het XForms datamodel.

Knoppen onafhankelijk van het apparaat

Het begrijpen van de XForms gebruikersinterface is belangrijk, omdat het niet exact beschrijft hoe XForms knoppen worden weergegeven.

Omdat XForms onafhankelijk is van platform en apparaat, laat XForms het recht om deze ruimtes weer te geven aan de browser.

Daarom kan XForms worden gebruikt op alle soorten apparaten, zoals personal computers, mobiele telefoons, handheld computers, etc. XForms is ook een perfecte oplossing voor het definiëren van gebruikersinterfaces voor gehandicapten.

Input knop

Input knop is de meest gebruikte XForms knop. Het wordt gebruikt om een regel tekst in te voeren:

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

De meeste tijd wordt de input knop weergegeven als een dergelijke invoerdom:

Display van input knop

Probeer het zelf

Het <label> element

Het <label> element is een verplicht sub-element van alle XForms invoer knoppen.

Deze reden is om ervoor te zorgen dat het formulier bruikbaar is voor alle soorten apparaten (aangezien labels op verschillende manieren kunnen worden afgehandeld.). Voor spraaksoftware kunnen labels worden afgelezen, en voor sommige handheld apparaten moeten labels stap voor stap worden gevolgd tijdens de invoer.

Secret knop

Secret knop is een speciale variant van de input ruimte, ontworpen om wachtwoorden of andere verborgen informatie in te voeren:

<secret ref="name/password">
<label>Wachtwoord:</label>
</secret>

De meeste tijd wordt de secret knop weergegeven als een dergelijke invoerdom:

Display van Secret knop

Textarea knop

Textarea knop wordt gebruikt voor meerdere regels invoer:

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

Textarea knop kan worden weergegeven als een dergelijke invoerdom:

Display van Textarea knop

Indienen knop

Indienen knop wordt gebruikt om gegevens in te dienen:

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

Trigger knop

Trigger knop wordt gebruikt om een actie te triggen:

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

Output knop:

Output ruimte wordt gebruikt om XForms-data weer te geven:

<p>Voornaam: <output ref="name/fname" /></p>
<p>Achternaam:  <output ref="name/lname" /></p>

Het voorbeeld hierboven kan alleen de inhoud van de <fname> en <lname> nodes in de XForms XML-document (XForms instance) weergeven:

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

Wordt weergegeven als volgt:

Voornaam: David
Achternaam: Smith

Probeer het zelf

Upload knop

Upload knop is ontworpen om bestanden naar de server te uploaden:

<upload bind="name">
<label>Bestand om te uploaden:</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>