Kamis, 25 Oktober 2018

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 Tujuan
Tujuannya 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>&nbsp;</td>
    <td>&nbsp;</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.

                           Wassalamu'alaikum wr.wb

0 comments:

Posting Komentar

Popular Posts

Recent Posts

About Me

Foto saya
Assalamu'alaikum wr.wb Hay perkenalkan nama saya Rizka Mala Alfiana my nick name is Rizka, I from in Jepara. Sekian dan Terimakasih. Wassalamu'alaikum wr.wb

Formulir Kontak

Nama

Email *

Pesan *

Pengikut

Recent

Comment