XForms 控件

XForms 中的用戶(hù)界面元素被稱(chēng)為 XForms 控件。

最常用的控件元素是 <input> 和 <submit>。

每個(gè)控件元素均有 ref 屬性指回 XForms 的數(shù)據(jù)模型。

獨(dú)立于設(shè)備的控件

理解 XForms 用戶(hù)界面并不會(huì)確切地描述如何顯示 XForms 控件是很重要。

由于 XForms 是獨(dú)立于平臺(tái)和設(shè)備的，XForms 把如何顯示這些空間的權(quán)利留給了瀏覽器。

正因如此，XForms 可被用于所有類(lèi)型的設(shè)備，個(gè)人電腦，移動(dòng)電話(huà)、手持計(jì)算機(jī)等等。XForms 同時(shí)也是為殘障人士定義用戶(hù)界面的完美解決方案。

input 控件

input 控件是最常用的 XForms 控件。它用于輸入一行文本：

<input ref="name/fname">
<label>First Name</label>
</input>

大多數(shù)時(shí)候，input 控件會(huì)被顯示為類(lèi)似這樣的輸入域：

Try it yourself

<label> 元素

<label> 元素是所有 XForms 輸入控件的強(qiáng)制子元素。

這一點(diǎn)的原因是為了確保表單可用于所有類(lèi)型的設(shè)備（因?yàn)闃?biāo)簽可通過(guò)不同的方式來(lái)處理。）對(duì)于語(yǔ)音軟件，標(biāo)簽可被讀出，而對(duì)于某些手持設(shè)備，標(biāo)簽必須一屏接一屏的跟隨輸入。

Secret 控件

Secret 控件是 input 空間的特殊變體，被設(shè)計(jì)用于輸入密碼或其他隱藏的信息：

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

大多數(shù)時(shí)候，secret 控件會(huì)顯示為這樣一個(gè)輸入域：

Textarea 控件

Textarea 控件用于多行的輸入：

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

textarea 控件可顯示為這樣的輸入域：

Submit 控件

Submit 控件用于提交數(shù)據(jù)：

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

Trigger 控件

trigger 控件用于觸發(fā)某個(gè)動(dòng)作：

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

Output 控件：

output 空間用于顯示 XForms 數(shù)據(jù)：

<p>First Name: <output ref="name/fname" /></p>
<p>Last Name:  <output ref="name/lname" /></p>

上面的例子僅僅可輸出 XForms XML 文檔（XForms 實(shí)例）中的 <fname> and <lname> 節(jié)點(diǎn)的內(nèi)容：

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

顯示為這樣：

First Name: David
Last Name: Smith

Try it yourself

Upload 控件

upload 控件是為向服務(wù)器上傳文件而設(shè)計(jì)的：

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