Untitled

<html>
<head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<style>
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}
input[type=submit] {
    width: 150px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
border: 3px solid #343A40;
    background-color: #00FF00;
	 box-shadow: none;
    color: #fff;
	font-family: fa5-proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;    text-transform: uppercase;font-size: 10px;letter-spacing: .05em;-moz-border-radius: 0px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
}
input[type=text] {

    width: 185px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
border: 3px solid #343A40;
    background-color: #5F9EA0;
	 box-shadow: none;
    color: white;
}
input[type=radio] + label {
  color: #ccc;
  font-style: italic;
}
input[type=radio]:checked + label {
  color: #f00;
  font-style: normal;
}

.button {
    background-color: #E88FAE; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button2 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: DodgerBlue;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.tek {
    background-color: #343A40; /* Green */
border: 3px solid #E88FAE;
    color: #FFF;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	padding-left:10px;

}

.tek1 {
width:150px;padding-top: 10px;padding-bottom: 10px}
.login
{background-color:#D6336C;width:490px;border: 3px solid #343A40;-moz-border-radius: 0px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 5px 5px; }
.pala
{background-color:#343A40;width:490px;border: 3px solid #343A40;color:#fff;font-family: fa5-proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;    text-transform: uppercase;font-size: 10px;letter-spacing: .05em;-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 5px 5px 0px 0px; }
.bek {background-color:#aa2251;width:200px;border-radius: 10px 10px 10px 10px; }
</style>
<title>Formulir Pendaftaran Siswa</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div id="main">
<center><div class="pala"><h1>Formulir Pendaftaran Siswa baru</h1></div></center>
<center><div class="login">
<br /><center><p style="color: #aa2251"><i class="fas fa-user-graduate fa-6x"></center></i></p>
<i class="fas fa-3x-graduation-cap"></i>
<form action="" method="post">
<label><div class="tek tek1"><i class="fas fa-user-graduate"></i> Nama Siswa :</div></label>
<input type="text" name="stu_name" id="name" required="required" placeholder="Masukan Nama"/><br />
<label><div class="tek tek1"><i class="fas fa-address-card"></i> NISN :</div></label>
<input type="text" name="nisn" id="email" required="required" placeholder="Masukan 10 Digit NISN"/><br />
<label><div class="tek tek1"><i class="fas fa-school"></i> Asal Sekolah :</div></label>
<input type="text" name="stu_sekolah" id="city" required="required" placeholder="Masukan Asal Sekolah"/><br />
<label><div class="tek tek1"><i class="fas fa-genderless"></i> Jenis Kelamin :</div></label>
<input type="radio" name="stu_jenis" value="Laki laki"> Laki-laki  <input type="radio" name="stu_jenis" value="Perempuan"> Perempuan<br />
<label><div class="tek tek1"><i class="fas fa-map-pin"></i> Tempat Tgl Lahir :</div></label>
<input type="text" name="stu_ttl" id="city" required="required" placeholder="Tempat, Tanggal Bulan Tahun"/><br />
<label><div class="tek tek1"><i class="fas fa-map-marker-alt"></i> Alamat :</div></label>
<input type="text" name="stu_alamat" id="city" required="required" placeholder="Masukan Alamat"/><br />
<label><div class="tek tek1"><i class="fas fa-male"></i> Nama Orang Tua :</div></label>
<input type="text" name="stu_ortu" id="city" required="required" placeholder="Masukan Nama Orang Tua"/><br />
<input type="submit" value=" KIRIM FORMULIR " name="submit"/><br />
</form>
</div>

</div></center>
<?php
if(isset($_POST["submit"])){
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "siswa";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}

$sql = "INSERT INTO siswa (nama, nisn, asal_sekolah, jenis_kelamin, alamat, tempat_lahir, nama_ortu)
VALUES ('".$_POST["stu_name"]."','".$_POST["stu_nisn"]."','".$_POST["stu_sekolah"]."','".$_POST["stu_jenis"]."','".$_POST["stu_alamat"]."','".$_POST["stu_ttl"]."','".$_POST["stu_ortu"]."')";

if ($conn->query($sql) === TRUE) {
echo "<script type= 'text/javascript'>alert('Anda Berhasil Mengirim Formulir Pendaftaran ');</script>";
} else {
echo "<script type= 'text/javascript'>alert('Error: " . $sql . "<br>" . $conn->error."');</script>";
}

$conn->close();
}
?>
</body>
</html>