<!DOCTYPE html>
<html>
<link rel="stylesheet" href="style.css">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="nav">
<ul>
<li class="left"><b style="color:white;">Sistem Akademik</b></li>
<li class="left"><a href="#">Home</a></li>
<li class="right"><a href="#">Login</a></li>
</ul>
</div>
<div class="isi">
<table id="atas">
<tr>
<th>Nama</th>
<td><input class="awesomplete" list="mylist" />
<datalist id="mylist">
<option>Ariya</option>
<option>Wildan</option>
<option>Devanto</option>
</datalist></td>
</tr>
<tr>
<th>NIM</th>
<td><input class="awesomplete" list="list" />
<datalist id="mlist">
<option>5115100121</option>
<option>5115100123</option>
<option>5115100122</option>
<option>5115100120</option>
</datalist></td>
</tr>
<tr>
<th>Mata Kuliah</th>
<td><input class="awesomplete" list="ka" />
<datalist id="ka">
<option>Inggris</option>
<option>Daspog</option>
<option>Mobile</option>
<option>Jarkom</option>
</datalist></td>
</tr>
<tr>
<th>Dosen</th>
<td><input class="awesomplete" list="mlist" />
<datalist id="mlist">
<option>Pak Joko</option>
<option>Pak fajar</option>
<option>Pak Arya</option>
<option>Pak Peno</option>
</datalist></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="Simpan" onclick="popUp()"/>
<input type="submit" value="Batal"/>
</td>
</tr>
</table>
</div>
</body>
<script>
function popUp(){
window.alert("Registrasi Berhasil");
}
</script>
</html>
ul
{
overflow: hidden;
}
li.left
{
float: left;
padding: 10px;
list-style-type: none;
}
li a
{
text-decoration:none;
}
.nav
{
background: #2A8AD4;
padding: 10px;
}
li.right
{
float: right;
list-style-type: none;
padding: 10px;
}
ul li.right
{
padding-right: 30px;
}
.nav a
{
color: white;
}
#atas
{
width: 30%;
margin-left: auto;
margin-right: auto;
}
th = #atas{
align-content: le
}
body
{
margin: 0;
padding: 0;
background-color: #ECE8E5;
}
Tidak ada komentar:
Posting Komentar