Untitled

<!DOCTYPE html>
<html>
<head>
<title>SMP SEPAKBOLA</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="css/tugas.css"/>
<script type="text/javascript">
function validateForm()
    {
    var a=document.forms["Form"]["nama"].value;
    var b=document.forms["Form"]["matpel"].value;
    var c=document.forms["Form"]["kkm"].value;
    var d=document.forms["Form"]["nilai"].value;
	var e=document.forms["Form"]["predikat"].value;
	var f=document.forms["Form"]["terbilang"].value;
    if (a==null || a=="",b==null || b=="",c==null || c=="",d==null || d=="",e==null || e=="",f==null || f=="")
      {
      alert("Tolong isikan semua fieldnya");
      return false;
      }
    }
</script>
</head>
<body>
<section>
<form role="form" method="post" onsubmit="return validateForm()" id="Form" name="Form" action="">
<fieldset>
    <legend>SMP SEPAKBOLA</legend>
	<div>
    <label>Nama Siswa</label>
    <input type="text" name="nama" id="nama">
	</div>
	<br>
	<div>
    <label>Nama Mata Pelajaran</label>
    <input type="text" name="matpel" id="matpel">
	</div>
	<br>
	<div>
	<label>KKM</label>
    <input type="text" name="kkm" id="kkm">
	</div>
	<br>
	<div>
	<label>Nilai</label>
    <input type="text" name="nilai" id="nilai">
	</div>
	<br>
	<div>
	<label>Terbilang</label>
    <input type="text" name="terbilang" id="terbilang">
	</div>
	<br>
	<label>Predikat</label>
    <input type="text" name="predikat" id="predikat">
	</div>
	<br>
	<br>
    <input type="submit" onclick="alert('Berhasil diinputkan!')" value="Masukan" name="masuk" id="masuk">
</fieldset>
<br>
<table class="container" width="70%" border="1" rules="all" align="center">
          <tr>
            <th rowspan="2"><div align="center">Nama Siswa</div></th>
			<th rowspan="2"><div align="center">Nama Mata Pelajaran</div></th>
            <th rowspan="2"><div align="center">KKM</div></th>
            <th colspan="3"><div align="center">Nilai Hasil Belajar Siswa</div></th>
          </tr>
		  <tr>
		  <th><div align="center">Nilai</div></th>
		  <th><div align="center">Terbilang</div></th>
		  <th><div align="center">Predikat</div></th>
		  </tr>
          <tr>
            <td><div align="left">Ronaldo</div></td>
            <td><div align="center">Bahasa Indonesia</div></td>
            <td><div align="center">70</div></td>
            <td><div align="center">100</div></td>
			<td><div align="center">Seratus</div></td>
			<td><div align="center">Sempurna</div></td>
          </tr>
		  <tr>
            <td><div align="left">Messi</div></td>
            <td><div align="center">Bahasa Indonesia</div></td>
            <td><div align="center">70</div></td>
            <td><div align="center">95</div></td>
			<td><div align="center">Sembilan Puluh Lima</div></td>
			<td><div align="center">Amat Baik</div></td>
          </tr>
		  <tr>
            <td><div align="left">Bale</div></td>
            <td><div align="center">Bahasa Indonesia</div></td>
            <td><div align="center">70</div></td>
            <td><div align="center">90</div></td>
			<td><div align="center">Sembilan Puluh</div></td>
			<td><div align="center">Amat Baik</div></td>
          </tr>
</table>
</form>
<section>
</body>
</html>