Mô hình XForms

Mô hình XForms định nghĩa một mẫu cho dữ liệu tập trung trong biểu mẫu.

Khung XForms

Nhiệm vụ của biểu mẫu HTML là thu thập dữ liệu. Nhiệm vụ của XForms cũng vậy.

Qua XForms, dữ liệu đầu vào được mô tả trong hai phần khác nhau:

  • Mô hình XForms (mô tả dữ liệu và logic)
  • Giao diện người dùng XForms (hiển thị và đầu vào dữ liệu)

Mô hình XFormsĐịnh nghĩa điều gì là biểu mẫu, dữ liệu nó chứa và điều nó nên làm.

Giao diện người dùng XFormsĐịnh nghĩa các lĩnh vực đầu vào, và cách chúng được hiển thị.

Mô hình XForms

XForms Mô hìnhDùng choMô tảDữ liệu.

Mô hình dữ liệu là một bản sao của tài liệu XML (một mẫu).

XForms mô hình định nghĩa một mô hình dữ liệu trong một phần tử <model> bên trong:

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

Từ ví dụ trên, bạn có thể thấy rằng mô hình XForms sử dụng một <instance> yếu tố để định nghĩa mẫu XML cho dữ liệu cần thu thập, và sử dụng một <submission> yếu tố để mô tả cách gửi dữ liệu.

mô hình <submission>Không cóĐưa ra thông tin về phần nhìn thấy của biểu mẫu (giao diện người dùng).

Khoảng không tên XForms

Nếu bạn đã bỏ qua các ví dụ về không gian tên XForms này hoặc nếu bạn không rõ về khái niệm không gian tên, chúng ta sẽ giới thiệu nội dung này trong phần tiếp theo.

Yếu tố <instance>

Mô hình XForms <instance> yếu tố để định nghĩa dữ liệu thu thập.

XForms làThu thập dữ liệu cho một tài liệu XMLĐịnh nghĩa tài liệu XML này trong mô hình XForms.

Trong ví dụ trên, biểu mẫu của chúng ta đã thu thập dữ liệu có thể trông như thế này:

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

Sau khi thu thập dữ liệu xong, tài liệu XML này có thể trông như thế này:

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

yếu tố <submission>

Mô hình XForms sử dụng <submission> yếu tố để mô tả cách gửi dữ liệu.

Yếu tố <submission> có thể định nghĩa biểu mẫu và cách gửi biểu mẫu. Trong ví dụ trên,Thuộc tính id="form1" Để chỉ ra biểu mẫu nàyThuộc tính action="submit.asp" Thuộc tính URL mà biểu mẫu được gửi đến, trong khi Thuộc tính method="get" Thuộc tính định nghĩa phương pháp được sử dụng trong quá trình gửi biểu mẫu.

Giao diện người dùng XForms

XForms Giao diện người dùngDùng choHiển thị và đầu vàoDữ liệu.

Các yếu tố giao diện người dùng của XForms được gọi làĐiều khiểnhoặc điều khiển đầu vào:

<input ref="fname"><label>Tên</label></input>
<input ref="lname"><label>Hoàng đế</label></input>
<submit submission="form1"><label>Submit</label></submit>

Trong ví dụ trên, hai yếu tố <input> đã định nghĩa hai lĩnh vực đầu vào. Thuộc tính ref="fname" và ref="lname" chỉ đến yếu tố <fname> và <lname> trong mô hình XForms.

Thuộc tính submission="form1" trong yếu tố <submit> có thể tham chiếu đến yếu tố <submission> trong mô hình XForms. Yếu tố submit thường được hiển thị dưới dạng nút.

Vui lòng chú ý đến yếu tố <label> trong ví dụ. Khi sử dụng XForms, mỗi yếu tố điều khiển đầu vào phải có yếu tố <label>.

Bạn sẽ cần một thùng chứa

XForms không được thiết kế để làm việc một cách riêng lẻ. Không có gì gọi là tài liệu XForms.

XForms phải làm việc trong một tài liệu XML khác. Nó có thể chạy trong XHTML 1.0, đồng thời nó cũng sẽ hoạt động trong XHTML 2.0.

Bây giờ hãy kết hợp tất cả lại

Nếu chúng ta kết hợp tất cả lại, tài liệu này sẽ như sau:

<xforms>
<model>
<instance>
  <person>
    <fname/>
    <lname/>
  </person>
</instance>
<submission id="form1" action="submit.asp" method="get"/>
</model>
<input ref="fname"><label>Tên</label></input>
<input ref="lname"><label>Hoàng đế</label></input>
<submit submission="form1"><label>Submit</label></submit>
</xforms>

Trang sẽ hiển thị như sau:

xforms_example

Xử lý XForms

Được tích hợp trong trình duyệt Xử lý XFormsSẽ chịu trách nhiệm gửi dữ liệu XForms đến mục tiêu.

Dữ liệu có thể được gửi dưới dạng XML, tương tự như sau:

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

Hoặc gửi dưới dạng văn bản, tương tự như sau:

fname=David;lname=Smith