Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Kasus 1</title>
    <style type="text/css">
        body{
            font-family: verdana;
            background-color: gainsboro;
        }
        form{
            width: 670px;
        }
        table{
            width: 650px;
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            background-color: silver;
            border: 3px orange outset;
        }

        input[type="number"]{
            border-radius: 7px;
            background-color: silver;
            width: 30px;
            transition: 0.4s;
        }

        input[type="number"]:focus{
            width: 120px;
            text-align: center;
        }

        input[type="submit"] {
            background-color: silver;
            padding: 7px;
            width: 48px;
            font-size: 12px;
            border: 2px orange solid;
            border-radius: 5px;
            transition: 0.4s;
            cursor: pointer;
        }

        input[type="submit"]:hover{
            background-color: orange;

        }
    </style>
</head>
<body>
    <form method="post" action="">
    <h1>Form Input Data Siswa</h1>
    <p>Masukkan jumlah Siswa <input type="number" name="j_siswa">&emsp;<input type="submit" name="submit" value="ok"></p>

        <table cellspacing="1" cellpadding="1" >
            <tr>
                <td>No</td>
                <td>NIS</td>
                <td>Nama</td>
                <td>Alamat</td>
            </tr>

            <?php
            if (isset($_POST['submit'])) {
                $siswa = $_POST['j_siswa'];
                for ($i=1; $i <= $siswa; $i++) {
                    echo "<tr>
                <td><input type='text' name='no' value='$i'size='1'></td>
                <td><input type='text' name='nis'></td>
                <td><input type='text' name='nama'></td>
                <td><input type='text' name='alamat'></td>
            </tr>";
                }
            }
            ?>
        </table>
    </form>
</body>
</html>