<style type="text/css">

            input[type=text] {
                border: 2px solid #bdbdbd;
                font-family: 'Roboto', Arial, Sans-serif;
                font-size: 15px;
                font-weight: 400;
                padding: .5em .75em;
                width: 300px;
            }
            input[type=text]:focus {
                border: 2px solid #757575;
                outline: none;
            }
            .autocomplete-suggestions {
                border: 1px solid #999;
                background: #FFF;
                overflow: auto;
            }
            .autocomplete-suggestion {
                padding: 2px 5px;
                white-space: nowrap;
                overflow: hidden;
            }
            .autocomplete-selected {
                background: #F0F0F0;
            }
            .autocomplete-suggestions strong {
                font-weight: normal;
                color: #3399FF;
            }
            .autocomplete-group {
                padding: 2px 5px;
            }
            .autocomplete-group strong {
                display: block;
                border-bottom: 1px solid #000;
            }
</style>
                         <td>:<input type="text" id="nama" name="nama" placeholder="Nama"></td>


   <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
        <script type="text/javascript" src="https://cdn.staticaly.com/gh/devbridge/jQuery-Autocomplete/43b2953a/dist/jquery.autocomplete.min.js"></script>


 <script type="text/javascript">
            $(document).ready(function() {
                // Data yang ditamilkan pada autocomplete.
                var nama = [
                <?php
    # Variables
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "ppdb3";

$connection = mysqli_connect($servername, $username, $password, $dbname);
if (!$connection){
        die("Connection Failed:".mysqli_connect_error());
    }


$query = mysqli_query($connection,"SELECT * FROM ip ORDER BY id DESC");

if(mysqli_num_rows($query)>0){
while($data = mysqli_fetch_array($query)){

?>
                    { value: `<?php echo $data["ip"];?>`, data: `<?php echo $data["ip"];?>` },
                    <?php   }}
         ?>
                ];

                // Selector input yang akan menampilkan autocomplete.
                $( "#nama" ).autocomplete({
                    lookup: nama
                });
            })
        </script>



    </body>
</html>
<!--