Form Searching data siswa

 kode : 

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Data Siswa</title>

    <style>
        body {
            font-family: "Segoe UI", sans-serif;
            background: #f4f6fa;
            padding: 30px;
        }

        h1 {
            margin-bottom: 20px;
            color: #1e3c72;
            font-size: 28px;
        }

        .table-container {
            overflow-x: auto;
        }

        table {
            width: 100%;
            max-width: 1100px;
            border-collapse: collapse;
            background: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }

        /* Header */
        table tr:first-child {
            background: linear-gradient(135deg, #1e3c72, #2a5298);
            color: white;
            font-weight: bold;
        }

        table td {
            padding: 14px 12px;
            text-align: center;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }

        table tr:hover:not(:first-child) {
            background: #f0f6ff;
            transition: 0.3s;
        }

        button {
            padding: 7px 14px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            transition: 0.3s;
        }

        .btn-edit {
            background: #f9b233;
            color: white;
        }

        .btn-edit:hover {
            background: #e0a021;
        }

        .btn-hapus {
            background: #e74c3c;
            color: white;
        }

        .btn-hapus:hover {
            background: #c0392b;
        }

        a {
            text-decoration: none;
        }

        @media (max-width: 768px) {
            table td {
                font-size: 12px;
            }

            button {
                margin-bottom: 5px;
            }
        }
    </style>
</head>
<body>

<h1>Data Siswa</h1>
<form method="get" action="">
            <input type="hidden" name="page" value="DataSiswa">
            <input type="text" name="kata_kunci" class="input input-search">
            <input type="submit" value="cari" class='btn btn-search'>
</form>
<table>
    <tr>
        <td>NIS</td>
        <td>Nama Siswa</td>
        <td>Jenis Kelamin</td>
        <td>Tempat Lahir</td>
        <td>Tanggal Lahir</td>
        <td>Nama Ibu Kandung</td>
        <td>Aksi</td>
    </tr>

<?php
include"conn/config.php";
if(!isset($_GET['kata_kunci']))
{   $perintah="select * from tb_siswa";     }
else
{
    $kata_kunci=$_GET['kata_kunci'];
    $perintah="select * from tb_siswa WHERE
            nis='$kata_kunci' OR
            nama='$kata_kunci' OR
            jenis_kelamin='$kata_kunci' OR
            tempat_lahir='$kata_kunci' OR
            tanggal_lahir='$kata_kunci' OR
            nama_ibukandung='$kata_kunci'";
}
$query=mysqli_query($koneksi,$perintah);

while ($data = mysqli_fetch_row($query)) {
    echo "
    <tr>
        <td>$data[0]</td>
        <td>$data[1]</td>
        <td>$data[2]</td>
        <td>$data[3]</td>
        <td>$data[4]</td>
        <td>$data[5]</td>
        <td>
            <a href='form_ubahsiswa.php?nis=$data[0]'>
                <button class='btn-edit'>Ubah</button>
            </a>
            <a href='hapus_siswa.php?nis=$data[0]'
               onclick=\"return confirm('Yakin ingin menghapus data ini?')\">
                <button class='btn-hapus'>Hapus</button>
            </a>
        </td>
    </tr>";
}
?>
</table>
</div>

</body>
</html>

Hasil : 



Komentar

Posting Komentar

Postingan populer dari blog ini

Perintah Insert DML(data Manipulation Langangue)

 DML Microsoft Windows [Version 10.0.26100.6725] (c) Microsoft Corporation. All rights reserved. C:\Users\Bahtra-12>cd c://xampparya/mysql/bin c:\xampparya\mysql\bin>mysql -u root -p Enter password: Welcome to the MariaDB monitor.  Commands end with ; or \g. Your MariaDB connection id is 10 Server version: 10.4.32-MariaDB mariadb.org binary distribution Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement. MariaDB [(none)]> show databases; +--------------------------+ | Database                 | +--------------------------+ | db_sekolah               | | db_smk                   | | information_schema       | | mysql                    | | penilaian_db      ...
Baca selengkapnya

Fungsi Rekursif

Gambar
 Fungsi Rekursif Fungsi rekursif adalah fungsi yang memanggil dirinya sendiri. Fungsi ini biasanya digunakan untuk menyelesaikan maslah seperti faktorial, bilangan fibonacci, pemrograman dinamis, dan sebagainya. Faktorial adalah hasil perkalian berurutan dari bilangan bulat positif mulai dari 1 sampai bilangan itu sendiri. Biasanya ditulis dengan tanda seru (!) di belakang angka. 📘 Rumus umum: n ! = n × ( n − 1 ) × ( n − 2 ) × ⋯ × 3 × 2 × 1 n! = n \times (n-1) \times (n-2) \times \dots \times 3 \times 2 \times 1 n ! = n × ( n − 1 ) × ( n − 2 ) × ⋯ × 3 × 2 × 1 📍Contoh: 3 ! = 3 × 2 × 1 = 6 3! = 3 × 2 × 1 = 6 3 ! = 3 × 2 × 1 = 6 5 ! = 5 × 4 × 3 × 2 × 1 = 120 5! = 5 × 4 × 3 × 2 × 1 = 120 5 ! = 5 × 4 × 3 × 2 × 1 = 120 0 ! = 1 0! = 1 0 ! = 1 (ini aturan khusus dalam matematika) 🔍 Kegunaannya: Faktorial sering digunakan dalam: Kombinasi dan permutasi (menghitung banyaknya cara mengatur atau memilih sesuatu) Matematika tingkat lanjut , seperti deret Taylor dan p...
Baca selengkapnya

CRUD DataBase menggunakan PHP

Gambar
  1.Buat SCRIPT form pesan < h1 > FORM PESAN </ h1 > < form method = "post" action = "" >     Nama < br >     < input type = "text" name = "nama" >< br >     Email < br >     < input type = "email" name = "email" >< br >     Pesan < br >     < textarea name = "pesan" ></ textarea >< br >     < input type = "submit" value = "Kirim" >< br > </ form > <?php $koneksi = mysqli_connect ( "localhost" , "root" , "" , "db_smk" ); if ( $_SERVER [ "REQUEST_METHOD" ] == "POST" ) {     $nama = $_POST [ 'nama' ];     $email = $_POST [ 'email' ];     $pesan = $_POST [ 'pesan' ];     $perintah = " INSERT INTO tb_pesan VALUES ('', ' $nama ', ' $email ', ' $pesan ') " ;     $quer...
Baca selengkapnya