<!DOCTYPE html>
<html>
<head>
<title>Form Registrasi Mahasiswa</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script></script>
</head>
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
.navbar-default
{
font-family: "Roboto", Helvetica, Arial, sans-serif;
background-color: #009933
}
body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 12px;
line-height: 30px;
color: #000066;
background: #5bc0de;
}
.container {
width: 100%;
margin: 50 auto;
position: relative;
}
}
</style>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#" style="color: #FFF">FORMULIR REGISTRASI MAHASISWA</a>
</div>
</div>
</nav>
<div class="container">
<div class="col-sm-4-text-center">
<h1 style="text-align: center">Formulir Registrasi Mahasiswa</h1>
</div>
</div>
<br><br><br>
<div class="container">
<form class="form-horizontal" role="form" method="post" action="send.php">
<div class="form-group">
<label class="control-label col-sm-offset-3 col-sm-2" for="nama">Nama Mahasiswa</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="nama">
</div>
<label class="control-label col-sm-offset-3 col-sm-2" for="NRP">NRP</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="nrp" list="nrplist">
<datalist id="nrplist">
</datalist>
<script>
var counter = 0;
var stringlist = '';
var options = '';
var listnrp = [];
for(var i=1; i<=5; i++)
{
switch(i)
{
case 1:
for(var j=1; j<=5; j++)
{
stringlist += i;
stringlist += j+'100';
listnrp[counter] = stringlist;
stringlist = '';
counter++;
}
break;
case 2:
for(var j=1; j<=5; j++)
{
stringlist += i;
stringlist += j+'100';
listnrp[counter] = stringlist;
stringlist = '';
counter++;
}
break;
case 3:
for(var j=1; j<=8; j++)
{
stringlist += i;
stringlist += j+'100';
listnrp[counter] = stringlist;
stringlist = '';
counter++;
}
break;
case 4:
for(var j=1; j<=4; j++)
{
stringlist += i;
stringlist += j+'100';
listnrp[counter] = stringlist;
stringlist = '';
counter++;
}
break;
case 5:
for(var j=1; j<=2; j++)
{
stringlist += i;
stringlist += j+'100';
listnrp[counter] = stringlist;
stringlist = '';
counter++;
}
break;
}
}
for(var k=0; k<counter; k++)
{
options += '<option value='+listnrp[k]+'>';
}
document.getElementById('nrplist').innerHTML = options;
console.log(options);
</script>
</div>
<label class="control-label col-sm-offset-3 col-sm-2" for="matkul">Mata Kuliah</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="matkul" list="matkullist">
<datalist id="matkullist">
</datalist>
<script>
var matkul = ["Otomata","Pemrograman Web","Kecerdasan Buatan","Perancangan Analisis Algoritma II","Jaringan Komputer","Manajemen Basis Data","Wawasan Teknologi"];
var options = '';
for(var k=0; k<matkul.length; k++)
{
options += '<option value="'+matkul[k]+'">';
}
document.getElementById('matkullist').innerHTML = options;
console.log(options);
</script>
</div>
<label class="control-label col-sm-offset-3 col-sm-2" for="dosen">Dosen</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="dosen">
</div>
<div class="form-group">
<br>
<div class="col-sm-offset-5 col-sm-10", align="center">
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
</div>
</form>
</div>
</body>
</html>
hasil :
No comments:
Post a Comment