Form

<!DOCTYPE html>
<html>
<head>
    <title>Registrasi SuperNews</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <center><h2>SuperNews</h2></center>
    <div class="login">
        <form action="#" method="POST" onSubmit="validasi()">
            <div>
                <label>Nama Lengkap:</label>
                <input type="text" name="nama" id="nama" />
            </div>
            <div>
                <label>Email:</label>
                <input type="email" name="email" id="email" />
            </div>
            <div>
                <label>Alamat:</label>
                <textarea cols="40" rows="5" name="alamat" id="alamat"></textarea>
            </div>
            <div>
                <label>Nomor Handphone:</label>
                <input type="text" name="handphone" id="handphone" />
            </div>
            <div>
                <label>Jenis Kelamin:</label>
                <input type="radio" name="gender" id="laki-laki">Laki-laki
                <input type="radio" name="gender" id="perempuan">Perempuan<br>
            </div>
            <div>
                <label>Tanggal Lahir:</label>
                <input type="date" name="birthdate" id="birthdate" />
            </div>
            <div>
                <label>Kolom/Rubrik yang Disukai:</label>
                <input type="text" name="kolom" id="kolom" />
            </div>
            <div>
                <input type="submit" value="Registration" class="tombol">
            </div>

        </form>
    </div>
</body>
<script type="text/javascript">
    function validasi() {
        var nama = document.getElementById("nama").value;
        var email = document.getElementById("email").value;
        var alamat = document.getElementById("alamat").value;
        var handphone = document.getElementById("handphone").value;
        var birthdate = document.getElementById("birthdate").value;
        var kolom = document.getElementById("kolom").value;
        if (nama != "" && email!="" && alamat !="" && handphone !="" && birthdate !="" && kolom !="") {
            return true;
        } else{
            alert('Anda harus mengisi data dengan lengkap !');
        }
    }
</script>
</html>