contoh sederhana source code form pendaftaran (pemrograman web)
Laporan Pemrograman Web
Contoh form pendaftaran
dengan muncul di web sementara….
Ini HTML nya:
<!DOCTYPE html>
<html lang="en">
<head>
<meta
charset="utf-8">
<meta
http-equiv="X-UA-Compatible" content="IE=adge">
<meta
name="viewport"
content="width=device-width,initial-scale=1">
<title>Vertical</title>
<link
href="css/bootstrap.min.css" rel="stylesheet">
<link
rel="stylesheet" href="master.css">
</head>
<body>
<div
class="container">
<h1>Pendaftaran
Siswa Baru SMK NEGERI 2 KLATEN (STEMSEND)</h1>
<div
class="row">
<form
role="form" class="col-md-4 well">
<h2 class="no-mar"><small>Silahkan
Diisi</small></h2>
<div class="form-group">
<label for="inputnama">Nama Lengkap</label>
<input type="nama"
class="form-control" id="inputnama"placeholder="Nama
Lengkap..." required>
</div>
<div
class="form-group">
<label
for="inputtext">Alamat</label>
<input type="text"
class="form-control" id="inputtext"placeholder="Alamat..."
required>
</div>
<div class="form-group">
<label for="inputtext">Asal
Sekolah</label>
<input type="text"
class="form-control" id="inputtexth"placeholder="Asal
Sekolah..." required>
</div>
<div class="form-group">
<label for="inputtext">Status
sekolah</label>
<input
type="text" class="form-control"
id="inputtext"placeholder="Status sekolah..." required>
</div>
<div
class="form-group">
<label for="inpudate">Tempat, Tanggal
Lahir</label>
<input
type="date" class="form-control"
id="inputdate"placeholder="Tempat, Tanggal Lahir..."
required>
</div>
<div
class="form-group">
<label for="inputtext">No
TLP/hp</label>
<input
type="text" class="form-control"
id="inputtext"placeholder="No tlp/hp..." required>
</div>
<h3
class="no-mar"><small>Jurusan</small></h3>
<select name
="Jurusan">
<option>-Jurusan 1-</option>
<option value
="TKJ">Teknik Komputer dan Jaringan</option>
<option value
="TKR">Teknik Kendaraan Ringan</option>
<option value
="TPM">Teknik Pemesinan</option>
<option value
="TITL">Teknik Instalasi Tenaga Listrik</option>
<option value
="TPL">Teknik Pengecoran Logam</option>
<option value
="TAV">Teknik Audio Video</option>
<option value
="TGB">Teknik Gambar Banguna</option>
<option value
="TKBB">Teknik Kontruksi Batu Beton</option>
</select>
<select name
="Jurusan">
<option>-Jurusan 2-</option>
<option value
="TKJ">Teknik Komputer dan Jaringan</option>
<option value
="TKR">Teknik Kendaraan Ringan</option>
<option value
="TPM">Teknik Pemesinan</option>
<option value
="TITL">Teknik Instalasi Tenaga Listrik</option>
<option value
="TPL">Teknik Pengecoran Logam</option>
<option value
="TAV">Teknik Audio Video</option>
<option value
="TGB">Teknik Gambar Banguna</option>
<option value
="TKBB">Teknik Kontruksi Batu Beton</option>
</select>
<h3
class="no-mar"><small>Jenis Kelamin</small></h3>
<select name
="Jenis Kelamin">
<option>-Jenis Kelamin-</option>
<option value
="Laki-laki">Laki-laki</option>
<option value
="Perempuan">Perempuan</option>
</select>
<div
class="form-group">
<label
for="inputemail">Alamat Email</label>
<input type="email"
class="form-control"
id="inputemail"placeholder="Masukkan Email..." required>
</div>
<div class="form-group">
<label
for="inputpassword">Kata Sandi</label>
<input
type="password" class="form-control"
id="inputpassword"placeholder="Kata Sandi..." required>
</div>
<div class="checkbox">
<label>
<input
type="checkbox">Ingatkan saya
</label>
</div>
<button
type="submit" class="btn
btn-primary">Daftar</button>
</form>
</div>
</div>
<script
scr="js/bootstrap.min.js"></script>
</body>
</html>
Comments
Post a Comment