设置查看XForms的环境



设置查看XForms的环境

如果玩过 XForms 的人，应该注意到浏览器不能正确显示 XForms 版的页面，除非您喜欢的 Web 浏览器提供了内置的 XForms 支持，否则必须使用一种 XForms 实现。我们来看看如何安装一种最便捷的实现 —— Mozilla 扩展。由于它适用于现有版本的 Mozilla、Firefox 和 Seamonkey，甚至连安装或者切换浏览器都不需要。

1.  为 Firefox 增加 XForms 扩展
在 Firefox 中打开 Mozilla XForms Project 页面 http://www.mozilla.org/projects/xforms/。单击可以在 Latest Release 标题下找到的下载页面链接。
XForms Project 的下载页面会警告说该插件还不能用于最终用户，然后就给会出真正的下载页面的链接。单击它，然后单击 Install Now 链接。或者转到 https://addons.mozilla.org/zh-CN/firefox/addon/824/ 页面，点击“添加到 Firefox” 链接。如下图：

点击“安装”按钮。安装完成之后，重新启动 Firefox 来激活它。
重新启动浏览器后，就可以打开前面 XForms 的页面。


2.  编写 XForms 页面
     XForms 页面 simple-xforms.xhtml 的具体的代码如下：

 

[xhtml] view plaincopy

  1. <?xml version=”1.0″ encoding=”UTF-8″?>
  2. <html xmlns=”http://www.w3.org/1999/xhtml”
  3.     xmlns:xf=”http://www.w3.org/2002/xforms”>
  4. <head>
  5. <title>Search Form v2</title>
  6. <xf:model>
  7.     <xf:submission action=”http://localhost/imaginary-search-engine”
  8.         method=”get” id=”submit-search”/>
  9. </xf:model>
  10. </head>
  11. <body>
  12. <h1>Search Form</h1>
  14. <p>
  15. Enter a search string, then click the Search button.
  16. </p>
  18. <p>
  19. <xf:input ref=”query”><xf:label>Find:</xf:label></xf:input>
  20. <xf:submit submission=”submit-search”><xf:label>Search</xf:label></xf:submit>
  21. </p>
  22. </body>
  23. </html>

 

3.  显示结果
     截图如下：