Form Isian

<!DOCTYPE html>
<html>
<head>
	<title>AJAR COMBOBOX</title>
</head>
<body>
	<div class="page-heading">
        <h3>
               <marquee behavior="alternate" title="For Tambah Data Rekomendasi ">
			   Form Tambah Data </marquee>
        </h3>
    </div>

	<!--body wrapper start-->
        <div class="wrapper">
            <div class="row">
                <div class="col-md-12">
                    <section class="panel">
                        <header class="panel-heading">
                            Form Tambah
                              <span class="tools pull-right">
                                <a class="fa fa-chevron-down" href="javascript:;"></a>
                                <a class="fa fa-times" href="javascript:;"></a>
                             </span>
                        </header>
                        <div class="panel-body">
						<?php
							include('include/koneksi.php');
						?>

                            <form action="proses-tambah-rekom.php" method="post" class="form-horizontal " enctype="multipart/form-data">

							  <div class="form-group">
                                    <label class="control-label col-md-3">Nama Pegawai</label>
                                    <div class="col-md-4 col-xs-11">
									<input type="text"  placeholder="Nama Pegawai" class="form-control" name="nama_peg" id="namapeg">

                                    </div>
                                </div>
								<br/>
								 <div class="form-group">
                                    <label class="control-label col-md-3">NIP</label>
                                    <div class="col-md-4 col-xs-11">
									<input type="text"  placeholder="NIP" class="form-control" name="nip">

                                    </div>
                                </div>

								 <div class="form-group">
                                    <label class="control-label col-md-3">Pangkat Golongan</label>
                                    <div class="col-md-4 col-xs-11">
									<input type="text"  placeholder="Pangkat Golongan" class="form-control" name="pangkat_gol" >

                                    </div>
                                </div>

								 <div class="form-group">
                                    <label class="control-label col-md-3">Jabatan</label>
                                    <div class="col-md-4 col-xs-11">
									<input type="text"  placeholder="Jabatan" class="form-control" name="jabatan">

                                    </div>
                                </div>


                          </form>

                        </div>
                    </section>
                </div>
            </div>
        </div>
        <!--body wrapper end-->

        <!--footer section start-->
        <footer><strong ><center>

       </center></strong> </footer>
        <!--footer section end-->


    </div>
    <!-- main content end-->
</section>
<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>


<!--common scripts for all pages-->
<script src="js/scripts.js"></script>

<script type="text/javascript">
		$(function(){
			$("#namapeg").autocomplete({
				source:"auto1.php",
				minLength:2,
				select:function(event,data){
					$('input[name=nama_peg]').val(data.item.nama_peg);
					$('input[name=nip]').val(data.item.nip);
					$('input[name=pangkat_gol]').val(data.item.pangkat_gol);
					$('input[name=jabatan]').val(data.item.jabatan);
				}
			});
		});
	</script>

	<script type="text/javascript">
		$(function(){
			$("#resort").autocomplete({
				source:"auto2.php",
				minLength:2,
				select:function(event,data){
					$('input[name=kadin]').val(data.item.kadin);
				}
			});
		});
	</script>
</body>
</html>