Untitled

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        body{
            margin: 0;
            padding: 0;
            font-family: agency fb;
            font-size: 24px;
            background-color: gainsboro;
            color: #34495e;
        }

        form{
            background: #f1c40f;
            border: 3px #34495e solid;
            border-radius: 7px;
            width: 400px;
            padding: 50px;
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
        }

        table{
            margin-left: auto;
            margin-right: auto;
        }

        input[type='text']{
            border: 0;
            border-radius: 7px;
            display: block;
            transition: 0.7s;
            outline: none;
            text-align: center;
        }

        input[type='text']:focus{
            border: 2px solid #34495e;
        }

        input[type="submit"] {
            background-color: #34495e;
            color: #f1c40f;
            border: none;
            padding: 5px 15px;
            border-radius: 7px;
            cursor: pointer;
        }

        select, textarea{
            border: 0;
            border-radius: 7px;
            transition: 0.4s;
        }

        input[type="submit"]:hover {
            background: #2c3e50;
        }
    </style>
</head>
<body>
    <form action="tambah.php" method="POST">
        <table cellpadding="6">
            <tr>
                <td>NIS</td>
                <td><input type="text" name="nis" required=""></td>
            </tr>
            <tr>
                <td>Nama Lengkap</td>
                <td><input type="text" name="nama_lengkap" required=""></td>
            </tr>
            <tr>
                <td>Jenis Kelamin</td>
                <td><input type="radio" name="jenis_kelamin" value="L" required="required">Laki-Laki&emsp;<input type="radio" name="jenis_kelamin" value="P" required="required">Perempuan</td>
            </tr>
            <tr>
                <td>Kelas</td>
                <td><select name="kelas" required="required">
                    <option value="XI-RPL1">XI-RPL1</option>
                    <option value="XI-RPL2">XI-RPL2</option>
                    <option value="XI-RPL3">XI-RPL3</option>
                </select></td>
            </tr>
            <tr>
                <td>Jurusan</td>
                <td><input type="text" name="jurusan" required="required"></td>
            </tr>
            <tr>
                <td>Alamat</td>
                <td><textarea name="alamat"></textarea></td>
            </tr>
            <tr>
                <td>Golongan Darah</td>
                <td><input type="radio" name="gol_darah" value="A">A &nbsp;<input type="radio" name="gol_darah" value="B">B &nbsp;<input type="radio" name="gol_darah" value="AB">AB &nbsp;<input type="radio" name="gol_darah" value="O">O</td>
            </tr>
            <tr>
                <td>Nama Ibu Kandung</td>
                <td><input type="text" name="nama_ibu"></td>
            </tr>
            <tr>
                <td><input type="submit" name="submit" value="Simpan"></td>
            </tr>
        </table>
    </form>
    </div>
</body>
</html>