XForms Giriş Kontrolü

XForms kullanıcı arayüzü XForms kontrolü kullanır.

XForms kontrolü

XForms'taki kullanıcı arayüz elemanları XForms kontrolü

En yaygın kontrol elemanları <input> ve <submit> dir.

Her kontrol elementi, XForms veri modeline geri döndüren bir ref özelliğine sahiptir.

Cihaz bağımsız kontroller

XForms kullanıcı arayüzünü anlamak, XForms kontrollerinin nasıl görüntüleneceğini kesin olarak tanımlamak kadar önemlidir.

XForms bağımsız platform ve cihazlara, bu alanların nasıl görüntüleneceğini belirlemek için tarayıcıya yetki verir.

Bu nedenle, XForms tüm cihaz türlerinde kullanılabilir, kişisel bilgisayarlar, cep telefonları, taşınabilir bilgisayarlar vb. için kullanılabilir. XForms aynı zamanda engelli kullanıcılar için kullanıcı arayüzü tanımlamak için mükemmel bir çözümdür.

input kontrolü

Input kontrolü, bir satır metin girmek için en yaygın kullanılan XForms kontrolüdür:

<input ref="name/fname">
<label>İlk Ad:</label>
</input>

Çoğu zaman, input kontrolü şu tür bir giriş alanı olarak görünecektir:

Giriş Kontrolunun Gösterimi

Kendiniz deneyin

<label> elementi

<label> elementi, tüm XForms giriş kontrollerinin zorunlu alt elementidir.

Bu nedenle, formun tüm cihaz türlerinde kullanılabilir olmasını sağlamak için (çünkü etiketler farklı şekillerde işlenebilir.) Ses yazılımı için etiketler okunabilir, bazı taşınabilir cihazlar için ise etiketler giriş sırasında sayfa başına sayfa olarak takip edilmelidir.

Secret kontrolü

Secret kontrolü, parola veya gizli bilgiler için tasarlanmış input alanının özel bir varyantıdır:

<secret ref="name/password">
<label>Şifre:</label>
</secret>

Çoğu zaman, secret kontrolü şu tür bir giriş alanı olarak görünecektir:

Gizli Kontrolunun Gösterimi

Textarea kontrolü

Textarea kontrolü çok satırlı girişler için kullanılır:

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

Textarea kontrolü şu tür bir giriş alanı olarak görünebilir:

Metin Alanı Kontrolunun Gösterimi

Submit kontrolü

Verileri göndermek için kullanılan Submit kontrolü:

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

Trigger kontrolü

Bir eylemi tetiklemek için kullanılan trigger kontrolü:

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

Output kontrolü:

XForms verilerinin görüntülenmesi için kullanılan alan: output

<p>İsim: <çıkış ref="isim/fname" /></p>
<p>Soyadı:  <çıkış ref="isim/lname" /></p>

Yukarıdaki örnek, yalnızca XForms XML belgesi (XForms örneği) içindeki <fname> ve <lname> düğümlerinin içeriğini çıktı verebilir:

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

Bu şekilde gösterilir:

İsim: David
Soyadı: Smith

Kendiniz deneyin

Upload Kontrolü

Upload kontrolü, dosyaları sunucuya yüklemek için tasarlanmıştır:

<upload bind="ad">
<etiket>Yüklenecek Dosya:</etiket>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>