XForms Modeli

XForms modeli, formdaki verilere odaklanmak için bir şablon tanımlar.

XForms çerçevesi

HTML formunun amacı veri toplamaktır. XForms'un amacı da aynıdır.

XForms ile, giriş verileri iki farklı bölüme ayrılmıştır:

  • XForms modeli (veri ve mantığı açıklar)
  • XForms kullanıcı arayüzü (görüntü ve veri girişi)

XForms ModeliFormun ne olduğunu, içerdiği verileri ve ne yapması gerektiğini tanımlar.

XForms kullanıcı arayüzüGiriş alanlarını ve onların nasıl görüntülendiğini tanımlar.

XForms Modeli

XForms Modeliçin kullanılırAçıklamaveri

Veri modeli, XML belgesinin bir örneğidir (bir şablon).

XForms model, <model> element içersinde bir veri modeli tanımlar:

<model>
<instance>
  <person>
    <fname/>
    <lname/>
  </person>
</instance>
<submission id="form1" action="submit.asp" method="get"/>
</model>

Üsteki örnekte, XForms modelinin bir şablon kullandığını görebilirsiniz. <instance> elementi, toplamak istediğiniz veriler için XML şablonu tanımlamak ve bir <submission> elementi, verilerin nasıl gönderileceğini açıklamak için kullanılır.

<submission> modeliyokFormun görünür kısımları (kullanıcı arayüzü) hakkında herhangi bir bilgi ifade eder.

XForms Ad alanı

Bu örneklerdeki XForms adlandırma alanlarını göz ardı etseydiniz veya adlandırma alanı kavramını bilmiyorsanız, bu konuyu bir sonraki bölümden öğreneceksiniz.

<instance> elementi

XForms Modeli <instance> elementi, veri toplama verilerini tanımlamak için kullanılır.

XFormsbir XML belgesi için veri toplamaBu XForms modelindeki <instance> elementi, bu XML belgesini tanımlar.

Yukarıdaki örnekte, formun topladığı veri örneği (XML belgesi) şu şekilde görünebilir:

<person>
  <fname/>
  <lname/>
</person>

Veri toplandıktan sonra, bu XML belgesi şu şekilde görünebilir:

<person>
  <fname>John</fname>
  <lname>Smith</lname>
</person>

<submission> elementi

XForms modeli <submission> elementi, verilerin nasıl gönderileceğini açıklamak için kullanılır.

<submission> elementi, formu ve formun nasıl gönderileceğini tanımlamak için kullanılır. Yukarıdaki örnekte,id="form1" bu formu işaretlemek için kullanılıraction="submit.asp" özelliği, formun gönderileceği URL'yi belirler ve method="get" özellikleri, formun gönderim sürecinde kullanılan yöntemi tanımlar.

XForms kullanıcı arayüzü

XForms kullanıcı arayüzüiçin kullanılırgörüntüleme ve girişveri

XForms kullanıcı arayüzü elementleriKontrolveya giriş kontrolü:

<input ref="fname"><label>First Name</label></input>
<input ref="lname"><label>Last Name</label></input>
<submit submission="form1"><label>Submit</label></submit>

Yukarıdaki örnekte, iki <input> elementi iki giriş alanı tanımlar. ref="fname" ve ref="lname" özellikleri, XForms modelindeki <fname> ve <lname> elementlerine işaret eder.

<submit> elementindeki submission="form1" özelliği, XForms modelindeki <submission> elementine atıfta bulunabilir. Submit elementi genellikle düğme olarak görüntülenir.

Örneklerdeki <label> elementine dikkat edin. XForms kullanıldığında, her bir giriş kontrol elementinin <label> elementi olmalıdır.

Bir konteyner ihtiyacınız olacaktır

XForms, tek başına çalışmak üzere tasarlanmamıştır. XForms belgesi de yoktur.

XForms, bir diğer XML belgesinde çalışmalıdır. XHTML 1.0'ta çalışabilir, aynı zamanda XHTML 2.0'ta da çalışır.

Şimdi hepsini bir araya getirelim

Bu belge şu şekilde birleştirildiğinde şu şekilde görünecektir:

<xforms>
<model>
<instance>
  <person>
    <fname/>
    <lname/>
  </person>
</instance>
<submission id="form1" action="submit.asp" method="get"/>
</model>
<input ref="fname"><label>First Name</label></input>
<input ref="lname"><label>Last Name</label></input>
<submit submission="form1"><label>Submit</label></submit>
</xforms>

Sayfa şu şekilde görünecektir:

xforms_example

XForms İşleyici

Tarayıcıya entegre XForms İşleyiciXForms verilerini hedefe sunacak olan kişinin sorumluluğu olacaktır.

Veriler XML olarak sunulabilir, şu şekilde:

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

veya şu şekilde metin olarak sunulabilir:

fname=David;lname=Smith