XForms/Form Designers

<html xmlns="http://www.w3.org/1999/xhtml"

 xmlns:xf="http://www.w3.org/2002/xforms" 
 xmlns:ev="http://www.w3.org/2001/xml-events" 
 xmlns:xs="http://www.w3.org/2001/XMLSchema">
  <head>
     <title>Example of binding to inputs and output ids</title>
     <xf:model id="model">
        <xf:instance id="input">
           
              <InputValueOne>3</InputValueOne>
              <InputValueTwo>3</InputValueTwo>
           
        </xf:instance>
        <xf:bind id="input-one-bind" nodeset="/Data/InputValueOne" type="xs:integer"/>
        <xf:bind id="input-two-bind" nodeset="/Data/InputValueTwo" type="xs:integer"/>
        <xf:instance id="output">
           <DataOut xmlns="">
              <OutputValue>9</OutputValue>
           </DataOut>
        </xf:instance>
        <xf:bind id="output-bind" nodeset="instance('output')/OutputValue" calculate="instance('input')/InputValueOne * instance('input')/InputValueTwo" type="xs:integer"/>
     </xf:model>
  </head>
  <body>

<xf:range bind="input-one-bind" start="1" end="5" step="1" incremental="true"> <xf:label>Input: </xf:label> </xf:range>
<xf:range bind="input-two-bind" start="1" end="5" step="1" incremental="true"> <xf:label>Input: </xf:label> </xf:range>
<xf:output bind="input-one-bind"/> * <xf:output bind="input-two-bind"/> = <xf:output bind="output-bind"/>

  </body>

</html>