<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 src="../../codebase/dhtmlxdataprocessor.js"></script>
<script src="../../codebase/connector/connector.js"></script>
<style type="text/css" media="screen">
    #cont div {
        width:350px;
        height:30px;
    }
    #cont div input {
        float:right;
        width:250px;
    }
    .dhxlist_obj_dhx_skyblue label{
        color:#000000;
        font-family:Tahoma;
        font-size:11px;
    }
    .dhxlist_obj_dhx_skyblue .dhxlist_txt_textarea, input.dhtmlx_validation_error{
        border: 1px solid #A4BED4;
        padding: 1px 0;
    }
</style>
 
<div id="cont" style="height:350px;">
<form action="" method="post" accept-charset="utf-8" id="my_form">
    <div>
        <label>Package: </label><input class="dhxlist_txt_textarea" validate="NotEmpty" bind="Package" type="text" name="field_a" value="">    
    </div>
    <div>
        <label>Version: </label><input class="dhxlist_txt_textarea" bind="Version" type="text" name="field_b" value="">    
    </div>
    <div>
        <label>Package size: </label><input class="dhxlist_txt_textarea" bind="Size" type="text" name="field_c" value="">    
    </div>
    <div>
        <label>Maintainer: </label><input class="dhxlist_txt_textarea" bind="Maintainer" type="text" name="field_d" value="">    
    </div>
    <input type="button" value="Save data" command="save">
</form>
<script>
var myForm = new dhtmlXForm("my_form");
var dp = new dataProcessor("php/data.php");
dp.init(myForm);</script>
<br />
<input type="button" name="" value="load data #1" onclick="myForm.load('php/data.php?id=1');">
<input type="button" name="" value="load data #2" onclick="myForm.load('php/data.php?id=2');">
<input type="button" name="" value="load data #5" onclick="myForm.load('php/data.php?id=5');">
</div>