Membuat Form Pendaftaran
Assalamu'alaikum wr.wb
A.Pendahuluan
Dalam kesempatan ini saya akan sharing tentang tutorial membuat Form pendaftaran buat Sekolah.
B.Latar Belakang
Form Pendaftaran adalah alat atau benda yang digunakan untuk mendaftarkan
diri disebuah organisasi atau sekokah.
C.Maksud Dan TujuanTujuannya membuat Form pendaftaran ini adalah untuk menuliskan identitas diri dan mendaftarkan diri.
D.Alat Dan Bahan
-Text Editor
-Koneksi Internet
E.Pembahasan
Mari kita simak cara membuat Form pendaftarannya:
1.Buka Text editor
2.Lalu ketikkan scrit Seperti dibawah:
<html>
<head>
<title>Pendaftaran</title>
</head>
<body bgcolor="white">
<img src="SMK.png" width="130px"height="130px"style="float:left" /><h1><center> SMK HASAN KAFRAWI MAYONG </center></h1>
<p><h5><i><center>Pancur, Mayong, Hutan Jati, Pancur, Mayong, Kabupaten Jepara, Jawa Tengah 59465<center></i></h5></p>
<p><h2><center>FORMULIR PENDAFTARAN</center></h2></p>
<hr width="100%">
<table border="0" style="center; color:#000000">
<tr>
<td>No.pendaftaran</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>NISN</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Tempat Lahir</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td><input type="Date"></td>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Kewarganegaraan</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Anak No</td>
<td>:</td>
<td><select>
<option>Pilih</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio"/>Laki-Laki
<input type="radio"/>Perempuan</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea cols="22" rows="3" ></textarea></td>
</tr>
<tr>
<td>E-mail</td>
<td>:</td>
<td><input type="email"></td>
</tr>
<tr>
<td>No Hp</td>
<td>:</td>
<td><input type="number"></td>
</tr>
<tr>
<td>Kota</td>
<td>:</td>
<td><select>
<option>Pilih Kota</option>
<option>Pancur</option>
<option>Mayong</option>
<option>Bandung</option>
<option>Rajekwesi</option>
<option>Tamansari</option>
<option>Kajok</option>
<option>Randubango</option>
<option>Mbomo</option>
<option>Datar</option>
<option>Jebol</option>
<option>Batealit</option>
<option>Bungu</option>
</select></td>
</tr>
<tr>
<td>Jumlah nilai UN</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Tahun kelulusan</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Jurusan</td>
<td>:</td>
<td><select>
<option>pilih jurusan</option>
<option>RPL</option>
<option>MM</option>
</select></td>
</tr>
<tr>
<td>Nama Ayah</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td><tr>
<td>Pekerjaan Ayah</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>No Telp</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Alamat Ayah</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Nama ibu</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Pekerjaan ibu</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>No Telp</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Alamat Ibu</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Asal Sekolah</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Alasan Mendaftar SMK</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="submit" value="simpan"/>
<input type="reset" name="reset" value="Batal"/></td>
</tr>
</table>
</body>
</html>
3.Jika ingin menyisipkan Gambar, maka sisipkan sesuai dengan gambar yang anda inginkan masukkan dalam satu folder tersebut, tetapi harus berexstensi JPG.PNG.JPEG.
4.Kemudian jalankan di browser.
5.Jika berhasil maka akan muncul seperti Gambar dibawah:
F.Kesimpulan
Itulah tutorial tentang pembuatan Form pendaftaran sekolah.
G.Refrensi
https://www.jotform.com/form-templates/formulir-pendaftaran-peserta-nsc-2017
H.Penutup
Sekian tutorial yang dapat saya share kan semoga dapat bermanfa'at buat semuanya.
0 comments:
Posting Komentar