<html>
  <head>
    <TITLE>Updategram Example</TITLE>
  </head>
  <body>
    Enter data:
    <form action="http://localhost/December" 
method="POST"onsubmit="buildTemplate();">
      <STRONG>serialno</STRONG> <input type=
text name=serialno value="12345"><BR>
      <STRONG>picture (base64)</STRONG> 
<input type=text name=picture value="123abd"><BR>
      <STRONG>description<STRONG> 
<input type=text name=description value="test 
description"><BR>
      <input type=hidden name="template">
      <P><input type="submit" value="Add data"></P>
    </form>
  </body>
  <script language="JavaScript">
    function buildTemplate()
    {
      document.all("template").value =
       "<update xmlns:updg='urn:schemas-microsoft-com:xml-updategram'" +
       "        xmlns:dt='urn:schemas-microsoft-com:datatypes'" +
       "        xmlns:sql='urn:schemas-microsoft-com:xml-sql'>" +
       "  <updg:sync mapping-schema='albumschema.xml'>" +
       "    <updg:before>" +
       "    </updg:before>" +
       "    <updg:after>" +
       "      <Album serialno='" + document.all
                      ("serialno").value + "'" +
       "             picture='" + document.all
                      ("picture").value + "'" +
       "             description='" + document.all("description").value + "'/>" +
       "    </updg:after>" +
       "  </updg:sync>" +
       "</update>";
    }
  </script>
</html>