DHTMLX Docs & Samples Explorer

Submit

Source
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_skyblue.css">
    
    <script src="../../codebase/dhtmlxcommon.js"></script>
    <script src="../../codebase/dhtmlxform.js"></script>
    
 
 
    <table cellspacing="0" cellpadding="0" border="0">
        <tr>
            <td style="width: 260px;" valign="top">
                <form action="php/04_submit.php" target="actionframe">
                    <div id="listObj" style="position: relative; width: 250px;"></div>
                    <input type="submit" value="Submit">
                </form>
            </td>
            <td valign="top">
                <iframe name="actionframe" style="width: 500px; height: 400px; border: #cecece 1px solid;" border="0" frameborder="0">
                    
                </iframe>
            </td>
        </tr>
    </table>
    <script>
var dhxList,
dhxList2,
dhxList3;
 
function doOnLoad() {
 
    var formData = [{
        type: "radio",
        name: "choose",
        value: "online",
        label: "Will enjoy the online demo"
    }, {
        type: "radio",
        name: "choose",
        value: "senddisk",
        label: "Please send me disk",
        checked: true,
        list: [{
            type: "checkbox",
            name: "bootleg",
            value: "yes",
            label: "Insert bootleg",
            checked: true
        }, {
            type: "checkbox",
            name: "lirycs",
            value: "jaja",
            label: "Lyrics if possible",
            checked: true
        }, {
            type: "label",
            label: "Payment"
        }, {
            type: "radio",
            name: "paymenttype",
            value: "creditcard",
            label: "Credit Card",
            list: [{
                type: "input",
                name: "cardnumber",
                value: "XXXX-XXXX-XXXX-XXXX",
                label: "Card Number"
            }, {
                type: "input",
                name: "cardkey",
                value: "XXXX",
                label: "Key"
            }, {
                type: "hidden",
                name: "my_hidden_button",
                value: "my_hidden_value"
            }]
            }, {
            type: "radio",
            name: "paymenttype",
            value: "cash",
            label: "Cash",
            checked: true
        }, {
            type: "label",
            label: "Currency"
        }, {
            type: "radio",
            name: "currencytype",
            value: "dollar",
            label: "U. S. Dollars",
            checked: true
        }, {
            type: "radio",
            name: "currencytype",
            value: "euro",
            label: "Euro"
        }, {
            type: "radio",
            name: "currencytype",
            value: "brb",
            label: "Belarusian Rubel"
        }, {
            type: "select",
            name: "mediatype",
            label: "Select Media Type",
            options: [{
                value: "1",
                text: "CD 700Mb"
            }, {
                value: "2",
                text: "DVD5 4.4Gb"
            }, {
                value: "3",
                text: "DVD9 8.6Gb",
                selected: true
            }, {
                value: "4",
                text: "Blue-Ray 24Gb"
            }]
            }, {
            type: "select",
            name: "audioquality",
            label: "Select Audio Quality",
            options: [{
                value: "1",
                text: "2.0 16bit/128kbps"
            }, {
                value: "2",
                text: "2.1 16bit/334kbps"
            }, {
                value: "3",
                text: "5.1 32bit/448kbps",
                selected: true
            }]
            }, {
            type: "select",
            name: "videoquality",
            label: "Select Video Quality",
            options: [{
                value: "1",
                text: "DVD MPEG-2",
                selected: true
            }, {
                value: "2",
                text: "DivX"
            }, {
                value: "3",
                text: "XviD"
            }]
            }, {
            type: "input",
            name: "comments",
            label: "Comments",
            value: "Some Comments",
            rows: 3
        }
]
        }];
 
    dhxList = new dhtmlXForm("listObj", formData);
 
}
</script>