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