当前位置： > 网页制作 > 心得技巧 > 文章内容

XML模式:XForms和客户发票

http://www.itjxue.com 2015-08-07 20:40 来源:未知 点击次数:

XForms

XForms XML 标准用于定义表单中的不同成分（字段、单选按钮和列表等输入控件）以及希望在表单中提供的信息验证。

XForms XML 标准和 Web 开发人员熟悉的 HTML、XHTML 表单标记非常相似，并将成为 XHTML 2.0 标准的一部分。

XForms XML 基于简单的模型、视图、控制器格式。模型是表单的整体描述，包括字段、输入约束以及数据提交方式。视图定义了出现在表单中的控件、分组及其引用的模型字段。表单控件的格式和呈现由 CSS 控制。

XForms 标准通过更详细地划分表单信息扩展了传统的 HTML 表单定义。填充表单的过程中可使用动态元素（目前一般只能通过 JavaScript 或 Ajax 元素实现）。

清单 11 中可以看到一个简单的文本输入框和弹出式的选择框。

清单 11. 简单的文本输入框和弹出选择框

                
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:xforms="http://www.w3.org/2002/xforms">
   <head>
    <title>XForms Sample</title>
    <xforms:model>
  <xforms:instance>
    <Name xmlns="">
      <FName />
      <LName />
      <Title />
    </Name>
  </xforms:instance>
    </xforms:model>
   </head>
   <body>
<xforms:select1 ref="Title">
  <xforms:label>Title:</xforms:label>
  <xforms:item>
    <xforms:label>Mr</xforms:label>
    <xforms:value>Mr</xforms:value>
  </xforms:item>
  <xforms:item>
    <xforms:label>Mrs</xforms:label>
    <xforms:value>Mrs</xforms:value>
  </xforms:item>
</xforms:select1>
    <xforms:input ref="FName">
      <xforms:label>First name: </xforms:label>
    </xforms:input>
    <xforms:input ref="LName">
      <xforms:label>Last name: </xforms:label>
    </xforms:input>
    <hr />
    <xforms:output value="concat('Hello ',Title,' ',FName,' ',LName)">
      <xforms:label>Output: </xforms:label>
    </xforms:output>
   </body>
</html>

可以通过 Firefox XForms 扩展来查看该 XForms 表单。结果如图 2 所示。

图 2. 使用 Firefox XForms 扩展查看 XForms 表单