Model XForms
- Halaman Sebelumnya Pengenalan XForms
- Halaman Berikutnya Nasib XForms
Model XForms mendefinikan template untuk mengkhususkan data dalam form.
Fram kerja XForms
Tugasan form HTML adalah mengumpulkan data. Tugasan XForms adalah sama.
Melalui XForms, data input digambarkan dalam dua bahagian berbeza:
- Model XForms (penyatakan data dan logika)
- Antaramuka Pengguna XForms (paparan dan input data)
Model XFormsMendefinikan apa form, data yang disertakan, dan apa yang seharusnya dilakukan.
Antaramuka pengguna XFormsMendefinikan domain input, serta bagaimana mereka dipaparkan.
Model XForms
XForms ModeldipergunakanDescriptiondata.
Model data adalah contoh dokumen XML (contoh template).
Model XForms merakamkan model data dalam elemen <model> dalam dalam:
<model>
<instance>
<person>
<fname/>
<lname/>
</person>
</instance>
<submission id="form1" action="submit.asp" method="get"/>
</model>
Dari contoh di atas, anda boleh lihat bahawa model XForms menggunakan satu <instance> elemen untuk mendefinisikan catur XML untuk data yang perlu dikumpulkan, dan menggunakan satu <submission> elemen untuk mendeskripsikan cara penghantaran data.
model <submission>tiadamengungkapkan informasi tentang bahagian yang dapat dilihat formulir (antaramuka pengguna).
Nasib XForms
Jika anda mengabaikan ruang namapanggilan XForms dalam contoh ini, atau jika anda takutah mengenali konsep ruang namapanggilan, kita akan memaparkan konten ini di bab berikutnya.
Elemen <instance>
Model XForms <instance> elemen untuk mendefinisikan data pengumpulan.
XForms adalahuntuk mengumpulkan data untuk dokumen XML tertentudalam. Elemen <instance> dalam model XForms ini mendefinisikan dokumen XML ini.
Dalam contoh di atas, contoh formulir yang mengumpulkan data untuknya (dokumen XML) kelihatan seperti ini:
<person> <fname/> <lname/> </person>
Setelah pengumpulan data selesai, dokumen XML ini mungkin kelihatan seperti ini:
<person> <fname>John</fname> <lname>Smith</lname> </person>
elemen <submission>
Model XForms menggunakan <submission> elemen untuk mendeskripsikan cara penghantaran data.
Elemen <submission> boleh mendefinisikan formulir serta cara penghantaran formulir. Dalam contoh di atas,id="form1" digunakan untuk menandakan formulir ini,action="submit.asp" Atribut URL tempat formulir disubmit, manakala method="get" Atribut menentukan kaedah yang digunakan dalam proses penghantaran formulir.
Antaramuka pengguna XForms
XForms Antaramuka penggunadipergunakanPaparan dan inputdata.
Elemen antaramuka pengguna XForms disebutKawalanatau kontrol input:
<input ref="fname"><label>First Name</label></input> <input ref="lname"><label>Last Name</label></input> <submit submission="form1"><label>Submit</label></submit>
Dalam contoh di atas, dua elemen <input> mendefinisikan dua kawasan input. Atribut ref="fname" dan ref="lname" mengarah kepada elemen <fname> dan <lname> dalam model XForms.
Atribut submission="form1" dalam elemen <submit> boleh merujuk kepada elemen <submission> dalam model XForms. Elemen submit biasanya ditampilkan sebagai butang.
Silakan perhatikan elemen <label> di contoh. Dengan menggunakan XForms, setiap elemen kontrol input mesti mempunyai elemen <label>.
Anda akan memerlukan sebuah wadah
XForms tidak dirancang untuk bekerja secara individu. Juga tiada dokumen XForms yang disebut.
XForms mesti beroperasi di dalam dokumen XML lain. Ia boleh berlaku di dalam XHTML 1.0, serta ia juga akan beroperasi di dalam XHTML 2.0.
Sekarang, gabungkan semuanya
Jika kita menggabungkannya, dokumen ini akan seperti ini:
<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>
Halaman akan dipaparkan seperti berikut:
Pemroses XForms
Ditambahkan di dalam pelayar Pemroses XFormsakan bertanggungjawab untuk menyampaikan data XForms ke sasaran.
Data boleh diserahkan dalam bentuk XML, seperti berikut:
<person> <fname>David</fname> <lname>Smith</lname> </person>
atau dimasukkan sebagai teks, seperti berikut:
fname=David;lname=Smith
- Halaman Sebelumnya Pengenalan XForms
- Halaman Berikutnya Nasib XForms
