<!doctype html>
  
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Demo Jquery UI autocomplete Candralab Coding Studio</title>
    <link rel="stylesheet" href="../images/jquery-ui.css" />
    <script src="../images/jquery-1.8.3.js"></script>
    <script src="../images/jquery-ui.js"></script>
 
    <script>
 
/*autocomplete muncul setelah user mengetikan minimal2 karakter */
    $(function() {  
        $( "#negara" ).autocomplete({
         source: "sourcedata.php",  
           minLength:2, 
        });
    });
    </script>
</head>
<body>
<div class="ui-widget">

    
    <form name="form1" method="post" action="">
    <table width="100%"  border="0" cellspacing="6" cellpadding="6">
      <tr>
        <td colspan="3">Input Ijin Pegawai </td>
      </tr>
      <tr>
        <td width="20%">Nama</td>
      <td width="2%">:</td>
        <td width="78%"><input name="Input" id="negara"  /></td>
      </tr>
      <tr>
        <td>Cuti Tanggal Mulai </td>
        <td>:</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>Cuti Tanggal Akhir </td>
        <td>:</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td><input type="submit" name="Submit" value="Submit"></td>
      </tr>
    </table>	
    </form>
</div>
 
</body>
</html>