XForms 控件

XForms 中的用戶界面元素被稱為 XForms 控件。

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

每個控件元素均有 ref 屬性指回 XForms 的數據模型。

獨立于設備的控件

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

由于 XForms 是獨立于平臺和設備的，XForms 把如何顯示這些空間的權利留給了瀏覽器。

正因如此，XForms 可被用于所有類型的設備，個人電腦，移動電話、手持計算機等等。XForms 同時也是為殘障人士定義用戶界面的完美解決方案。

input 控件

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

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

大多數時候，input 控件會被顯示為類似這樣的輸入域：

Try it yourself

<label> 元素

<label> 元素是所有 XForms 輸入控件的強制子元素。

這一點的原因是為了確保表單可用于所有類型的設備（因為標簽可通過不同的方式來處理。）對于語音軟件，標簽可被讀出，而對于某些手持設備，標簽必須一屏接一屏的跟隨輸入。

Secret 控件

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

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

大多數時候，secret 控件會顯示為這樣一個輸入域：

Textarea 控件

Textarea 控件用于多行的輸入：

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

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

Submit 控件

Submit 控件用于提交數據：

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

Trigger 控件

trigger 控件用于觸發某個動作：

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

Output 控件：

output 空間用于顯示 XForms 數據：

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

上面的例子僅僅可輸出 XForms XML 文檔（XForms 實例）中的 <fname> and <lname> 節點的內容：

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

顯示為這樣：

First Name: David Last Name: Smith

Try it yourself

Upload 控件

upload 控件是為向服務器上傳文件而設計的：

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