A. Form 1 pendaftaran mahasiswa baru
Penjelasan Koding Berserta Script :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- memberi sebuah informasi terhadap browser dan search engine untuk
melakukan pengkodean karakter sesuai ketentuan UTF-8. -->
<title>Daftar Mahasiswa</title> <!-- pada bagian title disini untuk menamakan file disini "inputan nama" -->
</head>
<body>
<h1 align="center">Form Pendaftaran Mahasiswa Baru</h1> <!-- heading untuk membedakan ukuran tulisan dan format tulisan -->
<form action="outputpendaftaranmahasiswa.php" method="POST"> <!-- memakai metode post untuk sebagai keluaran -->
<h4 style="background-color:lightblue;"><font color="blue">Data Diri</h4> <!--- style bg disini berguna untuk memberi warna yang kita inginkan --!>
<table border="0"> <!—membuat table agar lebih rapih dan disini visiblenya 0 --!>
<tr> <!—membuat baris baru --!>
<td colspan="2"><font color="black">Nama Lengkap:</td></font> < !—didalam tabel kolom ini, untuk memperindah tampilan kita berikan pewarnaan huruf --!>
<td><font color="black">Nomor Identitas(NIK):</td></font>
</tr>
<tr> <!—membuat baris baru --!>
<td colspan="2"rows="2"><input type="text" name="nama" style="width: 590px;height: 20px"></td> < !—disini membuat baris dan kolom di dalem tabel dengan sebagai inputan dengan “text” serta di beri label dan di atur sesuai penempatan yang kita mau --! >
<td><input type="text" name="nomor" style="width: 500px;height: 20px"></td>
<!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
</tr>
<tr><!—membuat baris baru --!>
<td><font color="black">Tempat Lahir:</td></font> <!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Tanggal Lahir:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Jenis Kelamin:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
</tr>
<tr><!—membuat baris baru --!>
<td><input type="text" name="tempat"style="width: 300px;height: 20px"></td><!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
<td><input type="text" name="tanggal"style="width:250px;height: 20px"></td><!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
<td><select name="jeniskel"style="width:500px;height: 30px"> <!—membuat daftar drop down di tabel kolom dengan lebar dan tinggi sesuai keinginan --!>
<option value="-pilih-">-Pilih-</option> < !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="laki">Laki-laki</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="perempuan">Perempuan</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
</tr>
<tr><!—membuat baris baru --!>
<td><font color="black">Kewarganegaraan:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Agama:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Nama Ibu Kandung:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
</tr>
<tr><!—membuat baris baru --!>
<td><select name="kewarganegaraan"style="width:300px;height: 30px">< !—membuat pilihan dalam daftar drop down yang kita buat dengan lebar dan tinggi di sesuaikan keinginan --!>
<option value="-pilih-">-Pilih-</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="indonesia">Indonesia</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="inggris">Inggris</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="german">German</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="amerika">Amerika</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
</select></option></td>
<td><select name="agama"style="width:250px;height: 30px">">< !—membuat pilihan dalam daftar drop down yang kita buat dengan lebar dan tinggi di sesuaikan keinginan --!>
<option value="-pilih-">-Pilih-</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="islam">Islam</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="keristen">Keristen</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="budha">Budha</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="hindu">Hindu</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
</select></option></td>
<td><input type="text" name="ibukandung"style="width: 500px;height: 20px"></td><!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
</tr>
<tr><!—membuat baris baru --!>
<td><font color="black">E-mail:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">No.Tlp:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
</tr>
<td><input type="text" name="e-mail"style="width:300px;height: 20px;"></td><!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
<td><input type="text" name="tlp"style="width:250px;height: 20px"></td><!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
</tr>
</table>
<table> <!—membuat tabel lagi disini --!>
<h4 style="background-color:lightblue;"><font color="blue">Data Alamat Asal</h4> <!--- style bg disini berguna untuk memberi warna yang kita inginkan --!>
<tr><!—membuat baris baru --!>
<td><font color="black">Alamat:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Kode Pos:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
</tr>
<tr><!—membuat baris baru --!>
<td><textarea rows="3" cols="50" name="Alamat"></textarea> <!-- rowsatribut menentukan ketinggian terlihat dari text area --!>
<td><input type="text" name="kp"style="width:300px;height: 20px;"></td><!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
</tr>
<tr><!—membuat baris baru --!>
<td><font color="black">Provinsi:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Kabupaten:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Kecamatan:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
</tr>
<tr><!—membuat baris baru --!>
<td><select name="provinsi"style="width:400px;height: 30px;"> < !—membuat pilihan dalam daftar drop down yang kita buat dengan lebar dan tinggi di sesuaikan keinginan --!>
<option value="-pilih-">-Pilih-</option> < !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="aceh">Aceh</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="jawa">Jawa</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="kalimantan">Kalimantan</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="lampung">Lampung</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
</select></td>
<td><select name="kabupaten"style="width:400px;height: 30px;"> < !—membuat pilihan dalam daftar drop down yang kita buat dengan lebar dan tinggi di sesuaikan keinginan --!>
<option value="-pilih-">-Pilih-</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="meulaboh">Meulaboh</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="bekasi">Bekasi</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="tanjung">Tanjung Redeb</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="pringsewu">Pringsewu</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
</select></td>
<td><select name="kecamatan"style="width:400px;height: 30px;"> < !—membuat pilihan dalam daftar drop down yang kita buat dengan lebar dan tinggi di sesuaikan keinginan --!>
<option value="-pilih-">-Pilih-</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="jaya">Jaya Baru</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="tambun">Tambun Selatan</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="berau">Berau</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="teluk">Teluk Betung Utara</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
</select></td>
</table>
<table>
<h4 style="background-color:lightblue;"><font color="blue">Data Pendidikan</h4><!--- style bg disini berguna untuk memberi warna yang kita inginkan --!>
<tr><!—membuat baris baru --!>
<td><font color="black">Pendidikan Terakhir:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Nama Sekolah:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Rata-rata Nilai Raport Kelas 12:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
</tr>
<td><select name="tingkat"style="width:400px;height: 30px;"> < !—membuat pilihan dalam daftar drop down yang kita buat dengan lebar dan tinggi di sesuaikan keinginan --!>
<option value="-pilih-">-Pilih-</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="sp">SMA-IPA</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="ss">SMA-IPS</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="sk">SMK</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="m">Madrasah</option></select>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<td><input type="text" name="sekolah"style="width:400px;height: 20px;"></td><!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
<td><input type="text" name="Raport"style="width:400px;height: 20px;"></td><!-- sebagai inputan dengan type text serta di beri label dengan lebar dan tinggi di sesuaikan keinginan -->
</tr>
</table>
<table>
<h4 style="background-color:lightblue;"><font color="blue">Data Pendidikan</h4><!--- style bg disini berguna untuk memberi warna yang kita inginkan --!>
<tr>
<td><font color="black">Pilih Program Studi 1:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
<td><font color="black">Pilih Program Studi 2:</td></font><!—memberikan pewarnaan huruf di dalam tabel kolom sesuai keinginan --!>
</tr>
<tr><!—membuat baris baru --!>
<td><select name="program1"style="width:400px;height: 30px;"> < !—membuat pilihan dalam daftar drop down yang kita buat dengan lebar dan tinggi di sesuaikan keinginan --!>
<option value="-pilih-">-Pilih-</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="tk">Teknik Komputer</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="ti">Teknik Informatika</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="si">Sistem Informasi</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="te">Teknik Elektro</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
</select></td>
<td><select name="program2"style="width:400px;height: 30px;"> < !—membuat pilihan dalam daftar drop down yang kita buat dengan lebar dan tinggi di sesuaikan keinginan --!>
<option value="-pilih-">-Pilih-</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="ts">Teknik Sipil</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="as">Akuntansi</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="ma">Manajemen</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
<option value="hk">Hukum</option>< !—membuat pilihan dalam daftar drop down yang kita buat --!>
</select></td>
</tr>
</table>
<p> <!—membuat paragraf--!>
<input type="submit"value="Daftar"style="background-color:blue;"><input type="reset"value="Reset" style="background-color: grey;"> <!-- memproses data untuk di lanjutkan ke file output dengan pewarnaan bg -->
</p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Kelompok1</title>
</head>
<body>
<!-- PENAMPUNGAN DATA MENGGUNAKAN PHP DENGAN METODE POST-->
<?php
$nama =$_POST['nama'];
$nomor =$_POST['nomor'];
$tempat =$_POST["tempat"];
$tanggal =$_POST['tanggal'];
$jeniskel =$_POST['jeniskel'];
$kewarganegaraan =$_POST['kewarganegaraan'];
$agama [RAA1] =$_POST['agama'];
$ibukandung =$_POST['ibukandung'];
$email =$_POST['e-mail'];
$tlp =$_POST['tlp'];
$alamat =$_POST['alamat'];
$provinsi =$_POST['provinsi'];
$kabupaten =$_POST['kabupaten'];
$kecamatan =$_POST['kecamatan'];
$program1 =$_POST['program1'];
$program2 =$_POST['program2'];
$sekolah =$_POST['sekolah'];
$raport =$_POST['raport'];
?>
<table>
<tr>
<th>Data diri</th>
</tr>
<tr>
<td>Nama Lengkap</td>
<td><?php echo $nama ;?></td> <!-- Pemanggilan data yang telah ditampung pada variabel-->
</tr>
<tr>
<td>Nomor Identitas</td>
<td><?php echo $nomor;?></td>
</tr>
</table>
</body>
</html>
Hasil Input :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FORM 2</title>
</head>
<body>
<center>
<h1 style="background-color:
skyblue;">Formulir Pendaftaran Kartu Prakerja</h1>
<h3>Pernyataan Pendaftar</h3>
<hr>
</center>
<h4>Mohon pilih satu jawaban yang menggambarkan
pekerjaan anda sekarang!</h4>
<form action="tampil_prakerja.php"
method="POST">
<pre>
1. Apakah anda saat ini bersekolah atau kuliah?
<input type="radio" name="kuliahsekolah"
value="Ya">Ya
<input type="radio" name="kuliahsekolah"
value="Tidak">Tidak
2. Apakah anda salah satu dari pekerjaan dibawah ini?
<input type="radio">Ya, sebutkan <input
type="text" name="jenispekerjaan"><input
type="radio" name="jenispekerjaan"
value="Tidak">Tidak
a. Pejabat Negara
b. Pimpinan dan Anggota Dewan Perwakilan Rakyat Daerah
c. Aparatur Sipil Negara
d. Prajurit Tentara Nasional Indonesia
e. Anggota Kepolisian Negara Republik Indonesia
f. Kepala Desa dan Perangkat Desa
g. Direksi, Komisiaris dan Dewan Pengawas pada BUMN atau
BUMD
3. Apakah anda menganggur?
<input type="radio" name="menganggur"
value="Ya">Ya
<input type="radio" name="menganggur"
value="Tidak">Tidak
4. Apakah anda pernah bekerja sebelumnya?
<input type="radio" name="pernahbekerja"
value="Ya">Ya
<input type="radio" name="pernahbekerja"
value="Tidak">Tidak
5. Apakah anda menganggur karena adanya COVID-19?
<input type="radio" name="menganggurkarenacovid"
value="Ya">Ya
<input type="radio" name="menganggurkarenacovid"
value="Tidak">Tidak
6. Apakah anda pegawai/karyawan?
<input type="radio" name="pegawaikaryawan"
value="Ya">Ya
<input type="radio" name="pegawaikaryawan"
value="Tidak">Tidak
7. Apakah anda memiliki kontrak kerja?
<input type="radio" name="kontrakkerja"
value="Ya">Ya
<input type="radio" name="kontrakkerja"
value="Tidak">Tidak
8. Apakah anda seorang wirausahawan? <input
type="radio" name="wirausahawan"
value="Ya">Ya
<input type="radio" name="wirausahawan"
value="Tidak">Tidak
9. Apakah dampak COVID-19 pada usaha anda membuat omset anda
menurun karena sepi pelanggan ? <input
type="radio" name="sepipelanggan"
value="Ya">Ya
<input type="radio" name="sepipelanggan"
value="Tidak">Tidak
10. Apakah dampak COVID-19 pada usaha anda membuat tutup
sementara akibat anjuran pemerintah? <input
type="radio" name="usahatutup"
value="Ya">Ya
<input type="radio" name="usahatutup"
value="Tidak">Tidak
<input type="checkbox" name="setuju"
required=""> Dengan ini saya menyetujui bahwa:
a) Semua informasi dan/atau data yang saya berikan adalah
secara sukarela dan merupakan data atau informasi yang benar dan disampaikan
secara akurat.
<input type="checkbox"
name="lampiran" required="">Telah melampirkan fotocopy
Kartu Tanda Penduduk elektronik dan Kartu Keluarga.
<center>
<input type="submit" name="submit"
value="Kirim"> <input
type="reset" name="reset" value="Batal">
</center>
</pre>
</form>
</body>
</html>
Penjelasan Script Input :
Disini kita membuat form dengan menggunakan check box dengan pernyataan Ya atau tidak pada setiap pertanyaan lalu membuat <pre> untuk menyesuaikan form ketika di run dan menggunakan table agar terstruktur dan rapih <input type= chechbox> lalu denghan nama variable masing-masing untuk mengirimkan hasil inputan
<Output>
Script berserta penjelasan :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FORM 2 OUTPUT</title>
</head>
<body>
<center>
<h1 style="background-color:
skyblue;">Formulir Pendaftaran Kartu Prakerja</h1>
<h3>Pernyataan Pendaftar</h3>
<hr>
</center>
<!-- PENAMPUNGAN DATA MENGGUNAKAN
PHP DENGAN METODE POST-->
<?php
$kuliahsekolah = $_POST['kuliahsekolah'];
$jenispekerjaan = $_POST['jenispekerjaan'];
$menganggur = $_POST['menganggur'];
$pernahbekerja = $_POST['pernahbekerja'];
$menganggurkarenacovid = $_POST['menganggurkarenacovid'];
$pegawaikaryawan = $_POST['pegawaikaryawan'];
$kontrakkerja = $_POST['kontrakkerja'];
$wirausahawan = $_POST['wirausahawan'];
$sepipelanggan = $_POST['sepipelanggan'];
$usahatutup = $_POST['usahatutup'];
?>
<table>
<tr>
<th>Sedang bersekolah/berkuliah</th>
<td>:</td>
<td><?= $kuliahsekolah; ?> </td><!-- Pemanggilan data yang telah ditampung pada
variabel-->
</tr>
<tr>
<th>Pegawai Negeri</th>
<td>:</td>
<td><?= $jenispekerjaan; ?></td>
</tr>
<tr>
<th>Menganggur</th>
<td>:</td>
<td><?= $menganggur; ?></td>
</tr>
<tr>
<th>Pernah bekerja sebelumnya</th>
<td>:</td>
<td><?= $pernahbekerja; ?></td>
</tr>
<tr>
<th>Menganggur karena COVID-19</th>
<td>:</td>
<td><?= $menganggurkarenacovid; ?></td>
</tr>
<tr>
<th>Pegawai/karyawan</th>
<td>:</td>
<td><?= $pegawaikaryawan; ?></td>
</tr>
<tr>
<th>Memiliki kontrak kerja</th>
<td>:</td>
<td><?= $kontrakkerja; ?></td>
</tr>
<tr>
<th>Wirausahawan</th>
<td>:</td>
<td><?= $wirausahawan; ?></td>
</tr>
<tr>
<th>Omset usaha turun karena sepi pelanggan akibat
COVID-19</th>
<td>:</td>
<td><?= $sepipelanggan; ?></td>
</tr>
<tr>
<th>Usaha tutup karena anjuran pemerintah berkaitan
dengan COVID-19</th>
<td>:</td>
<td><?= $usahatutup; ?></td>
</tr>
</table>
<center>
<button><a
href="form_prakerja.php">Isi Formulir</a></button>
</center>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
table {
border: 1px solid black;
}
</style>
<meta charset="utf-8">
<title>Formulir Survei Data Individual</title>
</head>
<body>
<form
action="outputformsurveidataindividual.php"
method="POST">
<table bgcolor="cornflowerblue" style="width:
70%;">
<tr style="height: 10px;">
</tr>
</table>
<table style="width: 70%;">
<tr style="height: 70px;">
<td><font size="6"
face="arial">Survei Data Individual<br>
</td>
</tr>
<tr style="height: 80px;">
<td>Saudara/Saudari Yth,<br>
Mohon ketersediaan Anda untuk mengisi survei. Ini sangat
membantu dalam menyelesaikan tugas untuk ujian akhir semester Statistika.
</td>
</tr>
<tr style="height:50px">
<td>Atas kerja samanya saya ucapkan Terima
kasih</td>
</tr>
</table>
<p>
<table style="width:70%">
<tr style="height :50px">
<td><b>Mohon Baca Instruksi Dengan
Baik!</b></td>
</tr>
</table>
<p>
<table style="width: 70%;">
<tr style="height: 100px;">
<td>Nama Lengkap <font
color="red">*</font><br>
<p>
<input type="text" name="nama"
style="width: 300px;height: 20px">
</td>
</tr>
</table>
<p>
<table style="width: 70%;">
<tr style="height: 140px;">
<td>Jenis Kelamin <font
color="red">*</font><br>
<p>
<input type='radio' name='jenis_kelamin' value='Laki-Laki'
/>Laki-Laki<br>
<p>
<input type='radio' name='jenis_kelamin'
value='Perempuan' />Perempuan<br>
<p>
</td>
</tr>
</table>
<p>
<table style="width: 70%;">
<tr style="height: 250px;">
<td>Tahun Kelahiran<font
color="red">*</font><br>
<p>
<input type='radio' name='tahun_kelahiran' value='2001'
/>2001<br>
<p>
<input align="right" type='radio'
name='tahun_kelahiran' value='2002' />2002<br>
<p>
<input type='radio' name='tahun_kelahiran' value='2003'
/>2003<br>
<p>
<input type='radio' name='tahun_kelahiran' value='2004'
/>2004<br>
<p>
<input type='radio' name='tahun_kelahiran' value='2005'
/>2005<br>
<p>
</td>
</tr>
</table>
<p>
<table style="width: 70%;">
<tr style="height: 100px;">
<td>Domisili (Isi dengan format Provinsi - Kota),
contoh : Jawa Barat - Bekasi<font
color="red">*</font><br>
<p>
<input type="text" name="domisili"
style="width: 300px;height: 20px">
</td>
</tr>
</table>
<p>
<table bgcolor="cornflowerblue"
style="width:70%">
<tr style="height:60px">
<td>Mohon Diisi Dengan Benar Dan Tanpa
Rekayasa</td>
</tr>
</table>
<table style="width: 70%;">
<tr style="height: 100px;">
<td>Tinggi Badan (cm) <font
color="red">*</font><br>
<p>
<input type="text"
name="tinggi_badan" style="width: 300px;height: 20px">
</td>
</tr>
</table>
<p>
<table style="width: 70%;">
<tr style="height: 100px;">
<td>Berat Badan (kg) <font
color="red">*</font><br>
<p>
<input type="text" name="berat_badan"
style="width: 300px;height: 20px">
</td>
</tr>
</table>
<p>
<table style="width: 70%;">
<tr style="height: 250px;">
<td>Ukuran Baju<font
color="red">*</font><br>
<p>
<input type='radio' name='ukuran_baju' value='X'
/>X<br>
<p>
<input align="right" type='radio'
name='ukuran_baju' value='M' />M<br>
<p>
<input type='radio' name='ukuran_baju' value='L'
/>L<br>
<p>
<input type='radio' name='ukuran_baju' value='XL'
/>XL<br>
<p>
<input type='radio' name='ukuran_baju' value='XXL'
/>XXL<br>
<p>
</td>
</tr>
</table>
<p>
<table style="width: 70%;">
<tr style="height: 100px;">
<td>Ukuran Sepatu <font
color="red">*</font><br>
<p>
<input type="text"
name="ukuran_sepatu" style="width: 300px;height: 20px">
</td>
</tr>
</table>
<P>
<input type="submit"
value="Berikutnya">
</form>
</body>
</html>
Penjelasan Script Input :
<form
action="outputformsurveidataindividual.php"
method="POST"> :menggunakan metode post untuk perintah
keluarannya
<table bgcolor="cornflowerblue"
style="width: 70%;"> : membuat table dengan latar belakang
berwarna cornflowerblue dengan lebar sebesar 70%
<tr style="height: 70px;"> : membuat
baris tabel dengan tinggi sebesar 70px
<td><font size="6"
face="arial"> : membuat tulisan pada sebuah kolom tabel
berukuran 6 dan berjenis arial
<br> : digunakan untuk membuat garis baru
<input type="text" name="nama"
style="width: 300px;height: 20px"> : dibuat sebuah inputan
dengan type text, dan diberi inisialisasi nama sebagai tanda
pengenal dari objek tersebut
<input type='radio' name='jenis_kelamin'
value='Laki-Laki' />Laki-Laki : dibuat sebuah inputan dengan type radio,
dan diberi inisialisasi jenis_kelamin sebagai tanda pengenal dan value
Laki-Laki sebagai nilai isian untuk input type text tersebut.
<p> : digunakan untuk membuat paragraph baru
<input type='radio' name='jenis_kelamin'
value='Perempuan' />Perempuan : dibuat sebuah inputan dengan type radio,
dan diberi inisialisasi jenis_kelamin sebagai tanda pengenal dan value Perempuan sebagai nilai isian
untuk input type radio tersebut.
<input type="submit" value="Berikutnya"> : dibuat sebuah inputan dengan type submit dan diberi value Berikutnya sebagai teks yang ditulis untuk button submit tersebut.
<Output>
<!DOCTYPE html>
<html>
<head>
<style>
table {
border: 1px solid;
}
</style>
<meta charset="utf-8">
<title>SURVEI DATA INDIVIDUAL PROSES</title>
</head>
<body>
<?php
$nama = $_POST['nama'];
$jenis_kelamin = $_POST['jenis_kelamin'];
$tahun_kelahiran = $_POST['tahun_kelahiran'];
$domisili = $_POST['domisili'];
$tinggi_badan = $_POST['tinggi_badan'];
$berat_badan = $_POST['berat_badan'];
$ukuran_baju = $_POST['ukuran_baju'];
$ukuran_sepatu = $_POST['ukuran_sepatu'];
?>
<h2><font face="arial">Survei Data
Individual <?php echo "$nama<br/>"; ?></font></h2>
<table bgcolor="darkcyan" style="width:
100%;">
<tr>
<td><font color="white">DATA
SISWA</font></td>
</tr>
</table>
<table style="width: 100%;">
<tr>
<td><?php echo "Nama Lengkap : $nama<br/>"; ?>
</td>
</tr>
<tr>
<td><?php echo "Jenis Kelamin : $jenis_kelamin<br/>"; ?>
</td>
</tr>
<tr>
<td><?php echo "Tahun Kelahiran : $tahun_kelahiran<br/>"; ?>
</td>
</tr>
<tr>
<td><?php echo "Domisili : $domisili<br/>"; ?>
</td>
</tr>
<tr>
<td><?php echo "Tinggi Badan : $tinggi_badan cm<br/>"; ?>
</td>
</tr>
<tr>
<td><?php echo "Berat Badan : $berat_badan kg<br/>"; ?>
</td>
</tr>
<tr>
<td><?php echo "Ukuran Baju : $ukuran_baju<br/>"; ?>
</td>
</tr>
<tr>
<td><?php echo "Ukuran Sepatu : $ukuran_sepatu<br/>"; ?>
</td>
</tr>
</table>
</body>
</html>
Penjelasan Script Output :
ditampilkan di file action
<h2><font face="arial">Survei Data
Individual <?php echo "$nama<br/>";
?></font></h2> : Membuat Judul yang sesuai dengan yang
ditulis dengan bentuk tulisan arial dan menampilkan data nama yang dipanggil
dari form input
echo "Nama Lengkap : $nama<br/>"; : Menampilkan teks nama yang dipanggil dari form input ke layar
Screen Shoot Input
Script :
<Input>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beasiswa</title>
</head>
<body>
<form action="tampil_beasiswa.php"
method="POST">
<h1 align="center"style="background-color:lightblue;">REGISTRASI
BEASISWA</h1>
<fieldset>
<legend>Data Pribadi</legend>
<table>
<tr>
<td width="300"height="40">Nama
Lengkap :</td>
<td><input type="text"
name="nama"></td>
</tr>
<tr>
<td height="40">NIM :</td>
<td><input type="text"
name="nim"></td>
</tr>
<tr>
<td height="40">Jurusan</td>
<td><select
name="program1"style="width:200px;height: 30px;">
<option
value="-pilih-">-Pilih-</option>
<option value="Teknik Komputer">Teknik
Komputer</option>
<option value="Teknik Informatika">Teknik
Informatika</option>
<option value="Sistem Informasi">Sistem
Informasi</option>
<option value="Teknik Elektro">Teknik
Elektro</option>
</select></td>
</tr>
<tr>
<td height="40">Jenis Kelamin :</td>
<td><input type="radio"
name="jeniskel" value="laki-laki">laki-laki
<input type="radio" name="jeniskel"
value="perempuan">perempuan</td>
</tr>
<tr>
<td height="40">Tempat Lahir :</td>
<td><input type="text"
name="tempatlahir"></td>
</tr>
<tr>
<td height="40">Tanggal Lahir :</td>
<td><input type="date"
name="tanggal_lahir"></td>
</tr>
<tr>
<td height="40">Alamat :</td>
<td><textarea
name="alamat"rows="3"cols="30"></textarea></td>
</tr>
<tr>
<td height="40">Kota :</td>
<td><input
type="text"name="kota"></td>
</tr>
<tr>
<td height="40">No. Telpon :</td>
<td><input
type="text"name="tlp"></td>
</tr>
<tr>
<td height="40">Status Tempat Tinggal
:</td>
<td><input type="radio"
name="statustinggal" value="Sewa Kost">Sewa Kost
<input
type="radio"name="statustinggal" value="Ikut
Saudara">Ikut Saudara
<input
type="radio"name="statustinggal" value="Orang
Tua">Orang Tua</td>
</tr>
<tr>
<td height="40">Agama :</td>
<td><select
name="agama"style="width:200px;height: 30px;">
<option
value="-pilih-">-Pilih-</option>
<option value="islam">Islam</option>
<option
value="keristen">Keristen</option>
<option value="budha">Budha</option>
<option value="hindu">Hindu</option>
</select></td>
</tr>
<tr>
<td height="40">Status Perkawinan
:</td>
<td><input
type="radio"name="statuskawin"
value="Lajang">Lajang
<input type="radio"name="statuskawin"
value="Menikah">Menikah</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Status Studi</legend>
<table>
<tr>
<td width="300" height="40">Tahun
Masuk :</td>
<td><input
type="text"name="masuk"></td>
</tr>
<tr>
<td height="40">Saat ini di Semester
:</td>
<td><input
type="text"name="semester"></td>
</tr>
<tr>
<td height="40">Kelas :</td>
<td><input type="text"name="kelas"></td>
</tr>
<tr>
<td height="40">IPK :</td>
<td><input
type="text"name="ipk"></td>
</tr>
<tr>
<td height="40">SKS yang di ambil
:</td>
<td><input
type="text"name="sks"></td>
</tr>
<tr>
<td height="40">Pernah Cuti atau Tidak
:</td>
<td><input
type="radio"name="cuti" value="Ya">Ya
<input type="radio"name="cuti"
value="Tidak">Tidak</td>
</tr>
<tr>
<td height="40">Alasan Mengikut Beasiswa
:</td>
<td><textarea name="alasan"
rows="3"cols="30"></textarea></td>
</tr>
</table>
</fieldset><br>
<input type="checkbox" name="setuju"
required=""> Dengan ini saya menyetujui bahwa semua informasi data
yang saya berikan adalah secara sukarela dan merupakan data atau informasi yang
benar serta disampaikan secara akurat.
<br>
<input
type="submit"value="Daftar"style="background-color:lightblue;"><input
type="reset"value="Reset" style="background-color:
grey;">
</body>
</html>
Penjelasan Script Input :
Disini kita membungkus inputan dengan
menggunakan tag<filedset> lalu terdapat tag<legend> yaitu tiap
masing-masing form inputan yang sudah di buat tidak lupa juga karna kita
membuat form kita perlu membuat form yang sudah di tentukan yaitu ada input
type=text,input type=checkbook, input type=radio, textarea,combobox, submit dan
reset dan di beri dengan nama variable masing-masing dan membuat form dengan
alamat yang dituju menggunakan metode post.
<Output>
Script serta penjelasan :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beasiswa Output</title>
</head>
<body><!-- PENAMPUNGAN DATA
MENGGUNAKAN PHP DENGAN METODE POST-->
<?php
$nama = $_POST['nama'];
$nim = $_POST['nim'];
$program1 = $_POST['program1'];
$jeniskel = $_POST['jeniskel'];
$tempatlahir = $_POST['tempatlahir'];
$tanggal_lahir = $_POST['tanggal_lahir'];
$alamat = $_POST['alamat'];
$kota = $_POST['kota'];
$tlp = $_POST['tlp'];
$statustinggal = $_POST['statustinggal'];
$agama = $_POST['agama'];
$statuskawin = $_POST['statuskawin'];
$masuk = $_POST ['masuk'];
$semester = $_POST['semester'];
$kelas = $_POST['kelas'];
$ipk = $_POST['ipk'];
$sks = $_POST['sks'];
$cuti = $_POST['cuti'];
$alasan = $_POST['alasan'];
?>
<h1 align="center"style="background-color:lightblue;">REGISTRASI
BEASISWA</h1>
<fieldset>
<legend>Data Pribadi</legend>
<table>
<tr>
<th>Nama Lengkap</th>
<td>:</td>
<td><?= $nama; ?></td><!-- Pemanggilan data yang telah ditampung pada
variabel-->
</tr>
<tr>
<th>NIM</th>
<td>:</td>
<td><?= $nim; ?></td>
</tr>
<tr>
<th>Jurusan</th>
<td>:</td>
<td><?= $program1; ?></td>
</tr>
<tr>
<th>Jenis Kelamin</th>
<td>:</td>
<td><?= $jeniskel; ?></td>
</tr>
<tr>
<th>Tempat Lahir</th>
<td>:</td>
<td><?= $tempatlahir; ?></td>
</tr>
<tr>
<th>Tanggal Lahir</th>
<td>:</td>
<td><?= $tanggal_lahir; ?></td>
</tr>
<tr>
<th>Alamat</th>
<td>:</td>
<td><?= $alamat; ?></td>
</tr>
<tr>
<th>Kota</th>
<td>:</td>
<td><?= $kota; ?></td>
</tr>
<tr>
<th>No. Telpon</th>
<td>:</td>
<td><?= $tlp; ?></td>
</tr>
<tr>
<th>Status Tempat Tinggal</th>
<td>:</td>
<td><?= $statustinggal; ?></td>
</tr>
<tr>
<th>Agama</th>
<td>:</td>
<td><?= $agama; ?></td>
</tr>
<tr>
<th>Status Perkawinan</th>
<td>:</td>
<td><?= $statuskawin; ?></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Status Studi</legend>
<table>
<tr>
<th>Tahun Masuk</th>
<td>:</td>
<td><?= $masuk; ?></td>
</tr>
<tr>
<th>Saat ini di Semester</th>
<td>:</td>
<td><?= $semester; ?></td>
</tr>
<tr>
<th>Kelas</th>
<td>:</td>
<td><?= $kelas; ?></td>
</tr>
<tr>
<th>IPK</th>
<td>:</td>
<td><?= $ipk; ?></td>
</tr>
<tr>
<th>SKS yang diambil</th>
<td>:</td>
<td><?= $sks; ?></td>
</tr>
<tr>
<th>Pernah Cuti</th>
<td>:</td>
<td><?= $cuti; ?></td>
</tr>
<tr>
<th>Alasan Mendaftar Beasiswa</th>
<td>:</td>
<td><?= $alasan; ?></td>
</tr>
</table>
</fieldset>
<br>
<center>
<button><a href="beasiswa.php">Input
Data Lagi</a></button>
</center>
</body>
</html>
ScreenShoot Input
Komentar
Posting Komentar