Kina cha input ya XForms

Vifano vya uieno vya XForms vinatumiwa kwa kufanya vifano vya XForms.

Vifano vya XForms

Vifano vya uieno katika XForms vinajulikana kama Vifano vya XForms。

Mifano ya kufanyika kwa kawaida ni <input> na <submit>.

每个控件元素均有 ref 属性指回 XForms 的数据模型。

独立于设备的控件

理解 XForms 用户界面并不会确切地描述如何显示 XForms 控件是很重要。

由于 XForms 是独立于平台和设备的，XForms 把如何显示这些空间的权利留给了浏览器。

Kwa hiyo, XForms inaweza kutumiwa kwa kila aina ya vifaa, kompyuta binafsi, simu za mkataba, kompyuta za kifaa na kila aina ya vifaa. XForms pia inaonekana kama mpangilio wa kina kwa kuzingatia muonekano wa uwanja wa mtumiaji kwa watu wa kifua.

Kikapteni cha input

Kikapteni cha input ni kikapteni cha XForms kinachotumiwa sana. Itumia kuingiza mtukio wa kwanza wa matukio:

<input ref="name/fname">
<label>Jina la Kwanza</label>
</input>

Kawaida, kikapteni cha input kinahusu eneo la ingia lileo:

Muoneza kina cha input

Jaribu binafsi

Uwanja wa <label>

<label> ni uwanja wa kina wa kila kikapteni cha input ya XForms.

Sababu hiyo ni kuwa kuwa msaada kwamba fomu inaweza kutumiwa kwa kila aina ya vifaa (kwa sababu label zimepewa hatua zaidi). Kwa programu za kizuri, label inaweza kureadwa, kwa vifaa vingine vya kifaa, label lazima inafikia kila ekran kwa kila hatua ya ingia.

Kikapteni cha Secret

Kikapteni cha Secret ni muundo wa kipekee wa hali ya input, kinatokana na hatua ya kuingiza nywila au maelezo ya kizitoa:

<secret ref="name/password">
<label>Namba ya nywila:</label>
</secret>

Kawaida, kikapteni cha secret kinahusu eneo la ingia lileo:

Muoneza kina cha Secret

Kikapteni cha Textarea

Kikapteni cha Textarea kinatumia ingia za matukio mingi:

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

Kikapteni cha textarea kinahusu eneo la ingia lileo:

Muoneza kina cha Textarea

Kikapteni cha Submit

Kikapteni cha Submit kinatumia kumpata data:

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

Kikapteni cha Trigger

Kikapteni cha trigger kinatumia kuingiza hatua kwa sababu gani:

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

Kikapteni cha Output:

Hali ya output inayotumiwa kutoa data ya XForms:

<p>Kina la kwanza: <output ref="name/fname" /></p>
<p>Kiharo:  <output ref="name/lname" /></p>

Mivivu yaliyotawala inayopata data ya matokeo ya XForms (mivivu ya XForms) ya <fname> na <lname> tu:

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

Inonyeshwa kama hii:

Kina la kwanza: David
Kiharo: Smith

Jaribu binafsi

Kina cha upload

Kina cha upload inaundwa kwa kuingia data kwa server:

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