XSDForm gets your XSD and creates a web form on your web site. Optionally, it gets XML data and fills the initial data of the web form.
The form sends the filled (prepared) XML string to specified web address. (Delivers xml).
Upload your XSD file to your web server.
Go to http://yourdomain.com/XSDForm/admin with your web browser
Add a new form with the a unique form identifier and other required fields including the address of your XSD file. A sample XSD file for a try is below:
<?xml version="1.0" encoding="UTF-8"?> <schema xmlns="http://www.w3.org/2001/XMLSchema" targetNamespace="http://www.example.org/customer_info" xmlns:tns="http://www.example.org/customer_info" elementFormDefault="qualified"> <element name="customer" type="tns:CustomerType"></element> <complexType name="AddressType"> <sequence> <element name="Name" type="string"/> <element name="Street" type="string"/> <element name="City" type="string"/> <element name="Zip" type="string"/> <element name="Country" type="string"/> </sequence> </complexType> <complexType name="CustomerType"> <sequence> <element name="email" type="string"></element> <element name="address" type="tns:AddressType" maxOccurs="unbounded" minOccurs="0"></element> <element name="acceptTerms" type="boolean"></element> </sequence> <attribute name="name" type="string"></attribute> <attribute name="surname" type="string"></attribute> </complexType> <complexType name="addressList"> <sequence> <element name="address" type="tns:AddressType" maxOccurs="unbounded" minOccurs="0"></element> </sequence> </complexType> </schema> |
You can use the XSD form on anywhere of your web site.
A sample usage is below:
<html><head> <!-- fixed lines that include the scripts --> <script type="text/javascript" src="/XSDForm/jquery.min.js"></script> <script type="text/javascript" src="/XSDForm/xsdformjs.php"></script> <link href="/XSDForm/style.css" type="text/css" media="screen" rel="stylesheet"> <!-- Prepare the form on page load --> <!-- Use the form identifier that is entered on configuration --> <script> $(document).ready(function() { getXSDForm("Customer_Form","formDivId",""); }); </script> </head> <!-- Your web page content --> <body> <center><h3>Customer Form</h3> <table border="1" width="500px"> <tr><td> <!-- This is the place that you want to place the web form --> <div id="formDivId"></div> </td></tr> </table> </center> </body></html> |
Customize XSDForm for your Genuine Web site design by modifying the CSS file. Take look at the CSS file under /XSDForm. You can give a completely different look to your form.