Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Studi Kasus 2 (M. Hafidz Fadillah - XI RPL 2)</title>
    <style type="text/css">
        body {
            background-image: url(gambar/21.jpg);
            background-size: 100%;
            font-family: verdana;
            font-size: 18px;
        }
        form {
            text-align: center;
            width: 550px;
            margin-top: auto;
            margin-bottom: auto;
            margin-right: auto;
            margin-left: auto;
            background-image: url(gambar/23.jpg);
            border: 3px outset darkgray;
        }
        input.button{
            color: black;
            background: white;
            border: 2px darkgray outset;
            padding: 5px 20px;
            font-size: 14px;
        }
        input.button:hover{
            color: white;
            background: black;
        }
    </style>
</head>
<body>
    <form name="berita" id="berita" method="post" action="ViewPost.php">
            <p>Penulis</p>
            <p><input type="text" name="penulis" id="penulis" size="20"></p>
            <p>Tanggal dan Waktu (Otomatis)</p>
            <?php
                date_default_timezone_set("Asia/Jakarta");
                $jam = date("l, d/m/Y h:ia");
            ?>
            <p>
                <input type="hidden" name="jam" value="<?= $jam ?>">
            </p>
            <p>Judul Berita</p>
            <p><input type="text" name="judul"></p>
            <p>Isi Berita</p>
            <p><textarea name="isi" cols="60" rows="20" required=""></textarea></p>
            <p><input class="button" type="submit" name="button" id="button" value="Kirim"></p>
    </form>
</body>
</html>