Shipping Details
This Form is created with HTML5 Guriddo Form PHP builder

This exmple is the same as previous, but it uses a client side chaching.
This way we made less request to the server.
This is done just with setting a option cache on the setAutoomplete method.
If you write some letter on ShipName then try to close and open the form again
and write the same letter combinations. You will notice that there is no request
to the server.
require_once '../../../php/demo/tabs2.php';
<!DOCTYPE html>
<html lang="en" class="no-js">
    <title>jqForm PHP Demo</title>
    <link rel="stylesheet" type="text/css" media="screen" href="../../../css/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="../../../css/trirand/ui.jqform.css" />
    <style type="text/css">
        html, body {
        margin: 0;            /* Remove body margin/padding */
        padding: 0;
        /*overflow: hidden;*/    /* Remove scroll bars on browser window */
        font-size: 90%;
        body {
            font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
        .ui-input  {padding :4px; margin: 1px;}
        .ui-select  {padding : 3px;}
        .ui-textarea {padding: 3px;}
        #notsupported  { border: 0px none;}
    <script src="../../../js/jquery.min.js" type="text/javascript"></script>
    <script src="../../../js/jquery-ui.min.js" type="text/javascript"></script>    
    <script src="../../../js/jquery.form.js" type="text/javascript"></script>
    <script src="../../../js/modernizr.js" type="text/javascript"></script>
    <script type="text/javascript">
          if(Modernizr.inputtypes.number) {
              jQuery("#supported").append("<div>Your browser support input type: number!</div>");
          } else {
              jQuery("#notsupported").append("<div>Your browser does not support input type: number!</div>").addClass('ui-state-error');
          <?php include ("selectdbstring.php");?>
          <div style="text-align: center;margin-top:10px;">This Form is created with HTML5 Guriddo Form PHP builder</div>
      <div id="supported"></div>
      <div id="notsupported"></div>
      <?php tabs(array("selectdbstring.php"));?>
// Include class 
include_once '../jqformconfig.php'
// Create instance 
$newForm = new jqForm('newForm',array('method' => 'post''id' => 'newForm'));
// Demo Mode creating connection 
include_once $DRIVER_PATH.'jqGridPdo.php'
$newForm->setConnection$conn );
// Set url
// Set Form header 
$formhead='Shipping Details';
// Set parameters 
$jqformparams = array();
// Set SQL Command, table, keys 
$newForm->table 'orders';
$newForm->serialKey true;
// Set Form layout 
// Add elements
$newForm->addElement('OrderID','hidden', array('label' => 'OrderID''id' => 'newForm_OrderID'));
$newForm->addElement('ShipName','text', array('label' => 'Name''maxlength' => '40''size' => '40''id' => 'newForm_ShipName'));
$newForm->addElement('ShipAddress','text', array('label' => 'Address''maxlength' => '60''size' => '40''id' => 'newForm_ShipAddress'));
$newForm->addElement('ShipCity','text', array('label' => 'City''maxlength' => '15''size' => '20''id' => 'newForm_ShipCity'));
$newForm->addElement('ShipPostalCode','text', array('label' => 'PostalCode''maxlength' => '10''size' => '20''id' => 'newForm_ShipPostalCode'));
$newForm->addElement('ShipCountry','select', array('label' => 'Country''datalist' => ' : Select Country''datasql' => 'SELECT ShipCountry FROM orders  WHERE ShipCountry <> "" GROUP BY ShipCountry''id' => 'newForm_ShipCountry'));
$newForm->addElement('Freight','number', array('label' => 'Freight''id' => 'newForm_Freight'));
$elem_8[]=$newForm->createElement('newSubmit','submit', array('value' => 'Submit'));
$newForm->addGroup("newGroup",$elem_8, array('style' => 'text-align:right;''id' => 'newForm_newGroup'));
// Add events
// Add ajax submit events
$newForm->setAjaxOptions( array('iframe' => false,
'forceSync' =>false) );
// Demo mode - no input 
$newForm->demo true;
// Render the form 
echo $newForm->renderForm($jqformparams);