XForms/地址

这是一个简单的地址表单。请注意，HTML 是默认命名空间。我们将 XForms 和 HTML 标签交织在一起，但 XForms 标签有xf作为前缀。我们使用 HTMLfieldset和legend标签将相关的表单元素放在一个组中。我们使用 XFormsgroup元素告诉我们从模型中的哪里获取实例数据。

XForms 应用程序链接

加载 XForms 应用程序

程序

<html
   xmlns="http://www.w3.org/1999/xhtml"
   xmlns:xf="http://www.w3.org/2002/xforms">
   <head>
      <title>Address Form</title>
      <xf:model>
         <xf:instance>
            <Address xmlns="">
               <LocationStreetFullText />
               <LocationCityName />
               <LocationStateName />
               <LocationPostalID />
            </Address>
         </xf:instance>
      </xf:model>
   </head>
   <body>
      <xf:group ref="/Address">
         <fieldset>
            <legend>Mailing Address</legend>
            <xf:input ref="LocationStreetFullText">
               <xf:label>Street: </xf:label>
            </xf:input>
            <br />
            <xf:input ref="LocationCityName">
               <xf:label>City:</xf:label>
            </xf:input>
            <br />
            <xf:input ref="LocationStateName">
               <xf:label>State:</xf:label>
            </xf:input>
            <br />
            <xf:input ref="LocationPostalID">
               <xf:label>Postal Code:</xf:label>
            </xf:input>
         </fieldset>
      </xf:group>
   </body>
</html>

讨论

表单标签排列得不是很好。这可以通过在程序中添加几行级联样式表来完成。

请注意，数据使用在 ebXML、ACORD、UBL、GMXDM、NIEM 和其他美国联邦命名和设计约定中使用的上驼峰命名约定。

下一页：地址对齐 | 上一页：输入
主页： XForms