Model XForms

Model XForms definiuje szablon na dane koncentrujące się na formularzu.

Ramowy XForms

Zadaniem formularza HTML jest zbieranie danych. Rola XForms jest taka sama.

Poprzez XForms, dane wejściowe są opisane w dwóch różnych częściach:

  • Model XForms (opis danych i logiki)
  • Interfejs użytkownika XForms (wyświetlanie i wprowadzanie danych)

Model XFormsDefiniuje, co to jest formularz, jakie dane zawiera oraz co powinien zrobić.

Interfejs użytkownika XFormsDefiniuje pola wejściowe oraz sposób ich wyświetlania.

Model XForms

XForms ModelDoOpisDane.

Model danych jest instancją dokumentu XML (szablonem).

XForms model definiuje model danych umieszczony wewnątrz elementu <model>:

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

Z powyższego przykładu, możesz zobaczyć, że model XForms używa jednego <instance> elementami do definiowania szablonu XML dla danych do zebrania, oraz używaniem jednego <submission> elementy do opisania sposobu wysyłania danych.

modelu <submission>nie maWyrażać informacje dotyczące widocznej części formularza (interfejs użytkownika).

Przestrzenie nazw XForms

Jeśli zignorowałeś przestrzeń nazw XForms w tych przykładach lub jeśli nie wiesz, co to jest przestrzeń nazw, omówimy to w następnym rozdziale.

Element <instance>

Model XForms <instance> elementami do definiowania danych do zebrania.

XForms jestZbieranie danych dla określonego dokumentu XMLW tym modelu XForms element <instance> definiuje ten dokument XML.

W powyższym przykładzie, instancja formularza zbierająca dane (dokument XML) wygląda podobnie:

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

Po zakończeniu zbierania danych ten dokument XML może wyglądać podobnie:

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

elementu <submission>

Model XForms używa <submission> elementy do opisania sposobu wysyłania danych.

Element <submission> może definiować formularz oraz sposób jego wysyłania. W powyższym przykładzie,id="form1" jest używany do oznaczenia tego formularza,action="submit.asp" Atrybut URL, do którego formularz jest wysyłany, a property="get" Atrybuty definiują metody używane w procesie wysyłania formularza.

Interfejs użytkownika XForms

XForms Interfejs użytkownikaDoWyświetlanie i wprowadzanieDane.

Elementy interfejsu użytkownika XForms nazywane sąKontrolkilub elementy kontrolki:

<input ref="fname"><label>Imię</label></input>
<input ref="lname"><label>Imię nazwisko</label></input>
<submit submission="form1"><label>Submit</label></submit>

W powyższym przykładzie dwa elementy <input> definiują dwa pola wejściowe. Atrybuty ref="fname" i ref="lname" wskazują na elementy <fname> i <lname> w modelu XForms.

Atrybut submission="form1" elementu <submit> odnosi się do elementu <submission> w modelu XForms. Element submit jest zazwyczaj wyświetlany jako przycisk.

Proszę zwróć uwagę na element <label> w przykładach. W XForms każdy element kontrolki wejściowej musi mieć element <label>.

Będziesz potrzebował kontenera

XForms nie został zaprojektowany do działania w sposób niezależny. Nie istnieje żaden dokument XForms.

XForms musi działać w innym dokumencie XML. Może działać w XHTML 1.0, a także w XHTML 2.0.

Teraz złożyć wszystko razem

Jeśli je złożyć razem, dokument będzie wyglądał tak:

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

Strona będzie wyświetlana w ten sposób:

xforms_example

Przetwornik XForms

Wbudowany w przeglądarkę Przetwornik XFormsBędzie odpowiedzialny za złożenie danych XForms do celu.

Dane można dostarczyć jako XML, podobnie jak to:

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

Można również dostarczyć jako tekst, podobnie jak to:

fname=David;lname=Smith