FORM PENDAFTARAN
Dipostingan Sebelumnya Saya Sudah membahas login Form alangkah tidak afdol apabila saya tidak memberikan untuk pendaftaran Form nya nah kaya di situs situs kampus laen admin nya login lalu Customer nya daftar maka akan butuh form buat daftar nah ini dia contoh Form sederhana
<!DOCTYPE html>
<html>
<head>
<title> PMB </title>
<script>
function hitungumur(){
var myForm = document.konten;
var x = document.getElementById("tahun").value
var y = 2018 - x;
document.getElementById("umur").value = y;
}
</script>
</head>
<body>
<form name="header">
<ul>
<li> <a href="#">Home </a></li>
<li> <a href="#">Regist </a></li>
</ul>
</form>
<hr>
<form name="konten">
<div>
<h1> Form Pendaftaran Mahasiswa </h1>
<table>
<tr>
<td>Nama</td>
<td> <input type="text" placeholder="Nama Lengkap" name="nama"> </td>
</tr>
<tr>
<td>Tempat Lahir</td>
<td> <input type="text" placeholder="Tempat Lahir" name="tl"> </td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>
<select id="tanggal"> <option> --Tanggal-- </option>
<script>
var tgl = 1;
while (tgl <= 31) {
document.write("<option>" + tgl + "</option>");
tgl=tgl+1;
}
</script>
</select>
<select id="bulan"> <option> --Bulan-- </option>
<script>
var bulan = ["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"];
for(i=0;i<=11;i++){
document.write("<option>" + bulan[i] + "</option>");
}
</script>
</select>
<select id="tahun" onchange="hitungumur()"> <option> --Tahun-- </option>
<script>
var tahun = 1945;
for(i=2018;i>=tahun;i--){
document.write("<option>" + i + "</option>");
}
</script>
</select>
</td>
</tr>
<tr>
<td>Umur</td>
<td> <input type="text" id="umur"> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title> PMB </title>
<script>
function hitungumur(){
var myForm = document.konten;
var x = document.getElementById("tahun").value
var y = 2018 - x;
document.getElementById("umur").value = y;
}
</script>
</head>
<body>
<form name="header">
<ul>
<li> <a href="#">Home </a></li>
<li> <a href="#">Regist </a></li>
</ul>
</form>
<hr>
<form name="konten">
<div>
<h1> Form Pendaftaran Mahasiswa </h1>
<table>
<tr>
<td>Nama</td>
<td> <input type="text" placeholder="Nama Lengkap" name="nama"> </td>
</tr>
<tr>
<td>Tempat Lahir</td>
<td> <input type="text" placeholder="Tempat Lahir" name="tl"> </td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>
<select id="tanggal"> <option> --Tanggal-- </option>
<script>
var tgl = 1;
while (tgl <= 31) {
document.write("<option>" + tgl + "</option>");
tgl=tgl+1;
}
</script>
</select>
<select id="bulan"> <option> --Bulan-- </option>
<script>
var bulan = ["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"];
for(i=0;i<=11;i++){
document.write("<option>" + bulan[i] + "</option>");
}
</script>
</select>
<select id="tahun" onchange="hitungumur()"> <option> --Tahun-- </option>
<script>
var tahun = 1945;
for(i=2018;i>=tahun;i--){
document.write("<option>" + i + "</option>");
}
</script>
</select>
</td>
</tr>
<tr>
<td>Umur</td>
<td> <input type="text" id="umur"> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
Komentar
Posting Komentar