Điều khiển nhập XForms

Giao diện người dùng của XForms sử dụng các yếu tố điều khiển XForms.

Yếu tố điều khiển XForms

Các yếu tố giao diện người dùng trong XForms được gọi là Yếu tố điều khiển XForms。

Các yếu tố điều khiển phổ biến nhất là <input> và <submit>.

Mỗi phần tử điều khiển đều có thuộc tính ref chỉ lại mô hình dữ liệu XForms.

Điều khiển độc lập với thiết bị

Hiểu giao diện người dùng XForms không确切 mô tả cách hiển thị điều khiển XForms là rất quan trọng.

Do XForms là độc lập với nền tảng và thiết bị, XForms để lại quyền quyết định cách hiển thị những không gian này cho trình duyệt.

Do đó, XForms có thể được sử dụng trên tất cả các loại thiết bị, máy tính cá nhân, điện thoại di động, máy tính xách tay, v.v. XForms cũng là giải pháp hoàn hảo để định nghĩa giao diện người dùng cho người khuyết tật.

Điều khiển input

Điều khiển input là điều khiển XForms phổ biến nhất. Nó được sử dụng để nhập một dòng văn bản:

<input ref="name/fname">
<label>Tên đầu</label>
</input>

Hầu hết các trường hợp, điều khiển input sẽ được hiển thị như một lĩnh vực nhập vào như vậy:

Hiển thị của điều khiển Input

Thử nó ngay lập tức

Thành phần <label>

<label> là một thành phần bắt buộc của tất cả các điều khiển nhập XForms.

Lý do này là để đảm bảo rằng biểu mẫu có thể được sử dụng trên tất cả các loại thiết bị (vì tiêu đề có thể được xử lý bằng nhiều cách khác nhau.) Đối với phần mềm giọng nói, tiêu đề có thể được đọc ra, và đối với một số thiết bị cầm tay, tiêu đề phải theo dõi từng màn hình một khi nhập.

Điều khiển secret

Điều khiển secret là một biến thể đặc biệt của không gian input, được thiết kế để nhập mật khẩu hoặc thông tin ẩn khác:

<secret ref="name/password">
<label>Mật khẩu:</label>
</secret>

Hầu hết các trường hợp, điều khiển secret sẽ hiển thị như một lĩnh vực nhập vào như vậy:

Hiển thị của điều khiển Secret

Điều khiển textarea

Điều khiển textarea được sử dụng cho việc nhập nhiều dòng:

<textarea ref="message">
<label>Thông điệp</label>
</textarea>

Điều khiển textarea có thể hiển thị như một lĩnh vực nhập vào như vậy:

Hiển thị của điều khiển Textarea

Điều khiển submit

Điều khiển submit được sử dụng để gửi dữ liệu:

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

Điều khiển trigger

Điều khiển trigger được sử dụng để kích hoạt một hành động:

<trigger ref="calculate">
<label>Tính toán!</label>
</trigger>

Output điều khiển:

Output không gian để hiển thị dữ liệu XForms:

<p>Tên: <output ref="name/fname" /></p>
<p>Họ và tên:  <output ref="name/lname" /></p>

Ví dụ trên chỉ có thể hiển thị nội dung của các phần tử <fname> và <lname> trong tài liệu XML của XForms (mô hình XForms):

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

Hiển thị như thế này:

Tên: David
Họ và tên: Smith

Thử nó ngay lập tức

Điều khiển Upload

Upload là điều khiển được thiết kế để tải lên tệp lên máy chủ:

<upload bind="name">
<label>File để tải lên:</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>