<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>
    <script>
var myForm,
formData;
function doOnLoad() {
    formData = [{
        type: "settings",
        position: "label-right"
    }, {
        type: "label",
        label: "Editor"
    }, {
        type: "checkbox",
        label: "Show gutter",
        checked: true,
        list: [{
            type: "checkbox",
            label: "Line numbers",
            checked: true
        }, {
            type: "checkbox",
            label: "Line selection area"
        }]
        }, {
        type: "checkbox",
        label: "Highlight current line",
        checked: true
    }, {
        type: "checkbox",
        label: "Show structire scope"
    }, {
        type: "checkbox",
        label: "Show marker position"
    }, {
        type: "label",
        list: [{
            type: "button",
            value: "Ok"
        }, {
            type: "newcolumn"
        }, {
            type: "button",
            value: "Cancel"
        }]
        }];
    myForm = new dhtmlXForm("myForm", formData);
}</script>
 
 
    <div id="myForm" style="height:200px;"></div>