# DOM form question

**URL:** <https://forum.kirupa.com/t/dom-form-question/253656>\
**Category:** programming\
**Created:** [March 3, 2008, 9:45pm UTC](https://forum.kirupa.com/t/dom-form-question/253656 "2008-03-03T21:45:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![petermdenton](https://avatars.discourse-cdn.com/v4/letter/p/5daacb/32.png) [@petermdenton](https://forum.kirupa.com/u/petermdenton)\
**Post date:** [March 3, 2008, 9:45pm UTC](https://forum.kirupa.com/t/dom-form-question/253656/1 "2008-03-03T21:45:00Z")

</div>

Hello,  
I have this ajax form:

```auto

function init() {
    var oXmlDom = zXmlDom.createDocument();
    oXmlDom.onreadystatechange = function () {
        if (oXmlDom.readyState == 4) {
            if (oXmlDom.parseError.errorCode == 0) {
                parseBookInfo(oXmlDom);
            } else {
                var str = "An error occurred!!
" +
                    "Description: " + oXmlDom.parseError.reason + "
" +
                    "File: " + oXmlDom.parseError.url + "
" +
                    "Line: " + oXmlDom.parseError.line + "
" +
                    "Line Position: " + oXmlDom.parseError.linepos + "
" +
                    "Source Code: " + oXmlDom.parseError.srcText;
                alert(str);
            }
        }
    };
    oXmlDom.load("contacts.xml");
}
function parseBookInfo(oXmlDom) {
    var oRoot = oXmlDom.documentElement;
    var oFragment = document.createDocumentFragment();
 
    var aContacts = oRoot.getElementsByTagName("contact");
 
    for (var i = 0; i < aContacts.length; i++) {
 
 var sName = aContacts*.getAttribute("name");
 var sEmail = aContacts*.getAttribute("email");
 
        var oCurrentChild = aContacts*.firstChild;
 
        var divContainer = document.createElement("div");
        var divContent = document.createElement("div");
 
 var checkbox = document.createElement("input");
 checkbox.type = 'checkbox';
 checkbox.name = 'checkboxName';
 checkbox.class = 'publisher';
 
        var sOdd = (i % 2)?"":"-odd";
        divContainer.className = "bookContainer" + sOdd;
 
        divContent.appendChild(document.createTextNode("Name:" + sName + " Email:" + sEmail));
        divContent.className = "bookContent";
 divContent.appendChild(checkbox);
        divContainer.appendChild(divContent);
        oFragment.appendChild(divContainer);
    }
    document.body.appendChild(oFragment);
}
 
onload = init;

```

Right now, everything is working fine, and it is building the page, but I need to have this in a form. How do I make it so that this whole thing is inside in a form?