XForms 输入控件

L'interfaccia utente di XForms utilizza i controlli XForms.

Controlli XForms

Gli elementi dell'interfaccia utente di XForms vengono chiamati Controlli XForms。

Gli elementi di controllo più comuni sono <input> e <submit>.

Ogni elemento di controllo ha un attributo ref che si riferisce al modello di dati di XForms.

Controlli indipendenti dal dispositivo

Capire l'interfaccia utente di XForms non descrive esattamente come vengono visualizzati i controlli XForms è molto importante.

Poiché XForms è indipendente dalla piattaforma e dal dispositivo, XForms lascia alla browser il diritto di determinare come visualizzare questi spazi.

Per questo, XForms può essere utilizzato su tutti i tipi di dispositivi, computer personali, telefoni cellulari, computer portatili ecc. XForms è anche la soluzione perfetta per definire l'interfaccia utente per le persone con disabilità.

Controllo input

Il controllo input è il controllo più utilizzato in XForms. Viene utilizzato per inserire una riga di testo:

<input ref="name/fname">
<label>Nome</label>
</input>

La maggior parte delle volte, il controllo input viene visualizzato come questo campo di input:

显示 input 控件

试试看

Elemento <label>

L'elemento <label> è un elemento obbligatorio per tutti i controlli di input XForms.

Questo è per assicurarsi che il modulo sia utilizzabile su tutti i tipi di dispositivi (poiché i tag possono essere gestiti in modi diversi.) Per i software vocali, i tag possono essere letti, mentre per alcuni dispositivi portatili, i tag devono seguire l'input schermo per schermo.

Controllo secret

Il controllo secret è una variante speciale dello spazio di input, progettato per inserire password o altre informazioni nascoste:

<secret ref="name/password">
<label>Parola di accesso:</label>
</secret>

La maggior parte delle volte, il controllo secret viene visualizzato come questo campo di input:

显示 Secret 控件

Controllo textarea

Il controllo textarea viene utilizzato per input multilinea:

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

Il controllo textarea può essere visualizzato come questo campo di input:

显示 Textarea 控件

Controllo di invio

Il controllo di invio viene utilizzato per inviare dati:

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

Controllo trigger

Il controllo trigger viene utilizzato per attivare un'azione:

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

Controllo di output:

Spazio di output utilizzato per visualizzare i dati XForms:

<p>名： <output ref="name/fname" /></p>
<p>姓：  <output ref="name/lname" /></p>

上面的例子仅可以输出 XForms XML 文档（XForms 实例）中的 <fname> 和 <lname> 节点的内容：

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

显示如下：

名：David
姓：Smith

试试看

Upload 控件

upload 控件是为向服务器上传文件而设计的：

<upload bind="name">
<label>要上传的文件：</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>