设置查看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 的具体的代码如下:

<?xml version="1.0" encoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xf="http://www.w3.org/2002/xforms"> <head> <title>Search Form v2</title> <xf:model> <xf:submission action="http://localhost/imaginary-search-engine" method="get" id="submit-search"/> </xf:model> </head> <body> <h1>Search Form</h1> <p> Enter a search string, then click the Search button. </p> <p> <xf:input ref="query"><xf:label>Find:</xf:label></xf:input> <xf:submit submission="submit-search"><xf:label>Search</xf:label></xf:submit> </p> </body> </html>

3.  显示结果
     截图如下:

设置查看XForms的环境_第1张图片

你可能感兴趣的:(浏览器,search,扩展,firefox,encoding,mozilla)