2008年01月24日

A Note of HTML Form and XForm

Tags: xml xform ajax web_design

如何分割 "資料"(Data)與 "表單外觀"(呈現層,Presentation)。

HTML Form 之中,資料與表單元件的陣述混雜在一起,增加文件編寫與閱讀複雜度。此複雜度不僅是針對人工輸入與閱讀,對應用軟體亦然,例如網頁編輯工具、Famework 工具等等。混雜的陣述方式,增加了前述工具的開發者之工作 - 編程難,除錯難 。


傳統的 HTML Form

Without Data
With Data

要一眼看出資料在哪,還真是傷眼力。

透過 JavaScript 分割 HTML Form 的資料與表單元件

資料的文件格式是 JSON。

XForm way

資料的文件格式是 XML。

Reference about XForm


Posted by shirock at 樂多Roodo! │18:17 │回應(2)引用(1)Programming
樂多分類:學術/學習 工具:加入樂多書籤編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/5107059
引用列表:
Using XSLT, PHP, or Ruby on Rails to transform XML documents into XHTML documents.
How do you write template? XSLT, PHP or RoR?【石頭閒語】 at 2008年01月25日 16:35
回應文章

不知道目前有哪些瀏覽器已經預計要支援了?
Posted by tokimeki at 2008年01月25日 01:36
好問題。

事實是殘酷的,主流的兩大客戶端瀏覽器 IE 和 Firefox 目前都不內建支援,需要下載 plug-in。內建 XForm 應該是下次大改版的事。

倒是企業用的文件整合平台支援得相當快,例如 IBM Lotus 系統。

現在分離資料與表單的方式,主要是以 JavaScript 處理。

關於軟體支援,在 W3C 和 Wiki 上都有相當完整的參考列表。
1. XForms@wikipedia

2. XForms Implementations
Posted by 遊手好閒的石頭成 at 2008年01月25日 16:53