XForms-syöttökontrollit

XFormsin käyttöliittymä käyttää XForms-elementtejä.

XForms-elementit

XFormsin käyttöliittymäelementit kutsutaan XForms-elementit。

Useimmin käytetyt elementit ovat <input> ja <submit>.

Jokaisella työkaluelementillä on ref-ominaisuus, joka viittaa XFormsin tietomalliin.

Laitteesta riippumattomat työkalut

XForms-käyttöliittymän ymmärtäminen ei tarkoita tarkkaa kuvauksen antamista siitä, miten XForms-työkalut näytetään.

Koska XForms on riippumaton alustasta ja laitteesta, XForms jättää näiden tilojen näyttämisen valinnan selaajille.

Tämän vuoksi XForms voidaan käyttää kaikilla laitteilla, kuten tietokoneilla, matkapuhelimilla, kannettavilla tietokoneilla ja niin edelleen. XForms on myös täydellinen ratkaisu määrittämään käyttöliittymä vammaisille.

Input-työkalu

Input-työkalu on käytetään kaikkein yleisimmin XForms-työkalu, ja sitä käytetään yhden rivin tekstin syöttämiseen:

<input ref="name/fname">
<label>Etu nimi</label>
</input>

Useimmiten input-työkalu näyttää tällaisena syöteruudukkeena:

Input-kontrollin näyttö

Kokeile itse

<label>-elementti

<label>-elementti on pakollinen alielementti kaikille XForms-syötteiden työkaluille.

Tämä johtuu siitä, että varmistetaan, että lomake on käytettävissä kaikilla laitteilla (koska merkinnät käsitellään eri tavoin.) Ääniohjelmille merkinnät voidaan lukea ääneen, ja tietyille käsin käyttäville laitteille merkinnät on seurattava ruutu kerrallaan.

Secret-työkalu

Secret-työkalu on input-tilan erityismuoto, joka on suunniteltu syöttämään salasanoja tai muita piilotettuja tietoja:

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

Useimmiten secret-työkalu näyttää tällaisena syöteruudukkeena:

Secret-kontrollin näyttö

Textarea-työkalu

Textarea-työkalu käytetään usean rivin syöttöön:

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

Textarea-työkalu voi näyttää näin olevana syöteruudukkeena:

Textarea-kontrollin näyttö

Submit-työkalu

Submit-työkalu käytetään tietojen lähettämiseen:

<submit submission="form1">
<label>Lähetä</label>
</submit>

Trigger-työkalu

Trigger-työkalu käytetään toiminnon laukaisemiseen:

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

Output-työkalu:

Output tila näyttää XForms-tiedot:

<p>Etunimi: <output ref="name/fname" /></p>
<p>Sukunimi:  <output ref="name/lname" /></p>

Yllä oleva esimerkki voi vain tulostaa XForms XML-dokumentin (XForms-esimerkin) <fname> ja <lname> solmut:

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

Näytetään tältä:

Etunimi: David
Sukunimi: Smith

Kokeile itse

Upload-kontrolli

Upload-kontrolli on suunniteltu tiedostojen siirtämiseksi palvelimelle:

<upload bind="name">
<label>File to upload:</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>