如果玩过 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” 链接。如下图:

设置查看XForms的环境

点击“安装”按钮。安装完成之后,重新启动 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的环境

<!--IWMS_AD_BEGIN-->

相关文章:

  • 2021-06-24
  • 2021-07-30
  • 2021-11-20
  • 2021-07-20
  • 2021-10-11
猜你喜欢
  • 2022-12-23
  • 2022-03-02
  • 2021-10-15
  • 2021-10-29
  • 2022-01-26
  • 2021-08-09
  • 2021-06-19
相关资源
相似解决方案