XForms and XPath
XForms uses XPath to address data. This is called binding.
XForms Binding
XForms uses two sections to define data: The XForms model and the XForms user interface.
The XForms model is an XML template (instance) for the data, and the XForms user interface is a description of the input and display of the data.
XForms uses XPath to define the connection between the two sections. This is called binding.
XPath
XPath is a W3C standard syntax for defining parts of XML documents.
XPath uses path expressions to identify nodes in an XML document. These path expressions look much like the expressions you see when you work with a
computer file system.
This XPath expression:
addresses the fname node in the XML document:
<person>
<fname>Hege</fname>
<lname>Refsnes</lname>
</person> |
Learn more about XPath in our XPath tutorial
Binding Using Ref
With an XForms model instance like this:
<instance>
<person>
<name>
<fname/>
<lname/>
</name>
</person>
</instance> |
The XForms user interface can bind <input> elements using the ref attribute:
<input ref="name/fname"><label>First Name</label></input>
<input ref="name/lname"><label>Last Name</label></input> |
The ref="name/fname" attribute in the example above is an XPath expression
pointing to the <fname> element in the instance model. This binds
the input field to the <fname> element in the XML document (instance) that is collecting data from the form.
The XForms user interface could also use a reference like this:
<input ref="/person/name/fname"><label>First Name</label></input>
<input ref="/person/name/lname"><label>Last Name</label></input> |
In the example above, the slash (/) at the beginning of the XPath expression indicates the root of the XML document.
Binding Using Bind
With an XForms model instance like this:
<model>
<instance>
<person>
<name>
<fname/>
<lname/>
</name>
</person>
</instance>
<bind nodeset="/person/name/fname" id="firstname"/>
<bind nodeset="/person/name/lname" id="lastname"/>
</model> |
The XForms user interface can bind <input> elements using the bind attribute:
<input bind="firstname"><label>First Name</label></input>
<input bind="lastname"><label>Last Name</label></input> |
Why two different ways to bind input control elements to instance data?
Well, when you start using XForms in complex applications, you will find
binding using bind to be a more flexible way to deal with multiple forms and multiple instance models.
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4000 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| 
