XForms 入力コントロール

XFormsのユーザインターフェースはXForms控件を使用しています。

XForms 控件

XFormsにおけるユーザインターフェース要素は XForms 控件。

最常用的控件元素は<input>と<submit>です。

各コントロール要素は ref 属性を持ち、XForms データモデルに戻されます。

デバイスに依存しないコントロール

XForms ユーザーインターフェースを理解することは、XForms コントロールの表示方法を正確に説明することとは異なりますが、非常に重要です。

XForms がプラットフォームやデバイスに依存しないため、XForms はこれらのスペースの表示方法をブラウザに任せます。

そのため、XForms はすべての種類のデバイス、パソコン、携帯電話、携帯コンピュータなどで使用できます。XForms はまた、障害者のためのユーザーインターフェースを定義する完璧な解決策でもあります。

input コントロール

input コントロールは最も一般的に使用される XForms コントロールで、一行のテキストを入力するために使用されます：

<input ref="name/fname">
<label>名前</label>
</input>

ほとんどの場合、input コントロールはこのような入力領域として表示されます：

input コントロールの表示

自分で試してみてください

<label>要素

<label>要素はすべての XForms 入力コントロールの強制子要素です。

この理由は、フォームがすべての種類のデバイスで使用できるようにするためです（なぜなら、ラベルは異なる方法で処理されることができます。）音声ソフトウェアでは、ラベルが読み上げられ、特定の携帯電話デバイスでは、ラベルは一画面ごとに追跡される必要があります。

Secret コントロール

Secret コントロールは input スペースの特別なバリエーションで、パスワードや他の隠された情報の入力に設計されています：

<secret ref="name/password">
<label>パスワード：</label>
</secret>

ほとんどの場合、secret コントロールはこのような入力領域として表示されます：

Secret コントロールの表示

Textarea コントロール

Textarea コントロールは複数行の入力に使用されます：

<textarea ref="message">
<label>メッセージ</label>
</textarea>

textarea コントロールはこのような入力領域として表示できます：

Textarea コントロールの表示

Submit コントロール

Submit コントロールはデータを提出するために使用されます：

<submit submission="form1">
<label>提出</label>
</submit>

Trigger コントロール

trigger コントロールは特定のアクションをトリガーするために使用されます：

<trigger ref="calculate">
<label>計算！</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> と <lname> ノードの内容を出力するだけでなく、

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

このように表示されます：

First Name: David
Last Name: Smith

自分で試してみてください

Upload コントロール

upload コントロールはサーバーにファイルをアップロードするために設計されています：

<upload bind="name">
<label>アップロードするファイル:</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>