Form Input

FORM INPUT OUTPUT MENGGUNAKAN BERBASIS
HTML, DAN PHP

(Pemrograman Internet)
Oleh:
I Dewa Putu Putra Semara
(1504505019)
TEKNOLOGI INFORMASI
FAKULTAS TEKNIK
UNIVERSITAS UDAYANA
2016
Form adalah sebuah objek kontrol penampung dari objek kontrol lain, dapat menerima
tugas dan memberikan reaksi terhadap tindakan dari pengguna untuk kelangsungan sebuah
program aplikasi. Pengertian tersebut diimplementasikan kedalam tugas yang telah diberikan,
dimana form yang dibuat adalah pendaftaran anggota. Data dari pendaftar nantinya disimpat
kedalam database yang diberinama “anggota”. Tampilan awal dari form tersebut adalah sebagai
berikut.
Gambar 1. Tampilan awal form
Gambar 1. Merupakan tampilan awal dari form pendaftaran anggota, dimana pada form
tersebut tedapat field diantaranya adalah sebagai berikut.
1. Nama
2. Jenis Kelamin
3. Agama
4. Tanggal Lahir
5. Alamat
Field tersebut wajib diisi oleh user, nantinya data dari field yang diisi akan dikirimkan ke
database. Form tampilan awal tersebut tidak terlepas dari kode program yang membantu dalam
pembuatannya. Pembuatan form tersebut terdapat tiga script yaitu koneksi.php,
tampil_anggota.php, dan daftar_anggota.php, berikut merupakan kode program yang digunakan
untuk pembangunan form tersebut.
<!DOCTYPE HTML>
<head>
<title>FORM PENDAFTARAN</title>
</head>
<body>
<center><img src="images/0.png"></center>
<center><hr width=100% color=black></center>>
<style>
#daftar{
background:#transparent;
border:1px solid #ccc;
margin:auto;
width:400px;
padding:4px;
border-radius:3px;
}
.texbox{
height:25px;
}
.texarea{
}
.btn{
width:85px;
height:30px;
color:#099;
font-weight:bold;
margin-bottom:3px;
}
.btn:hover{
background:#333;
color:#fff;
font-weight:bold;
cursor:pointer;
border:2px solid #099;
border-radius:4px;
}
</style>
<a href="tampil_anggota.php">« Anggota</a>
<div id="daftar">
<p align="center">»Form Pendaftaran Anggota«</p>
<table border="0px">
<form method="post" enctype="multipart/form-data">
<tr>
<td>Nama </td> <td>:</td> <td>
<input name="nama" size="25" class="texbox">
</td>
</tr>
<tr>
<td>Jenis Kelamin</td><td>:</td><td>
<select name="jk" class="texbox" value="<?php
$_POST['jenis_kelamin']?>">
<option value="pilih">--Pilih--</option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</td>
</tr>
<tr>
<td>Agama</td><td>:</td><td>
<select name="agama" class="texbox" value="<?php
$_POST['agama']?>>
<option value="Islam">Islam</option>
<option value="kristen">Kristen</option>
<option value="Hindu">Hindu</option>
<option value="buddha">Buddha</option>
</select>
</td>
</tr>
<tr>
<td>Tanggal Lahir</td> <td>:</td><td><input
name="tanggal_lahir" size="25" class="texbox">
</td>
</tr>
<tr>
<td>Alamat</td> <td>:</td><td>
<textarea name="alamat" cols="25" rows="3"
class="texarea"></textarea>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Simpan" class="btn">
<input type="hidden" name="act" value="add">
</td>
</tr>
</div>
</table>
</form>
<?php
//Mengambil data dari Form yang sudah di isi
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
$nama = $_POST["nama"];
$jenis_kelamin = $_POST["jenis_kelamin"];
$agama = $_POST["agama"];
$tanggal_lahir = $_POST ["tanggal_lahir"];
$alamat = $_POST ["alamat"];
//Memasukan data ke database

if ($nama !='') {
$qwery = "INSERT INTO anggota (nama, jenis_kelamin, agama,
tanggal_lahir, alamat) VALUES ('$nama, $jenis_kelamin, $agama,
$tanggal_lahir, alamat')";
echo '<script type="text/javascript">alert("Terimakash dan Selamat
Bergabung!!!"):</script>';
echo '<meta http-equiv="refresh" content="0; url=daftar_anggota.php"
/>';
}
else{
}
?>
</body>
</html>>
Kode Program 1. Daftar anggota
Kode program 1 merupakan sintak halaman awal pada form pendaftaran anggota. Kode
program tersebut meminta user meng-inputkan data diri kemudian data diri tersebut di-upload ke
database. Selanjutnya adalah kode program untuk menampilkan anggota yang sudah terdaftar.
Kode program untuk menampilkan data user yang sudah diisi saat form awal adalah sebagai
berikut.
<center><img src="images/0.png"></center>
<center><hr width=50% color=black></center>>
<style>
#anggota{
background:#transparent;
margin:auto;
width:710px;
padding:4px;
border-radius:3px;
}
.tabel{
}
#tr{
background:#444;
color:fff;
padding:12px;
text-align:center;
}
</style>
<div id="anggota">
<p align="center">»Daftar Nama Anggota«</p>
<?php
include "koneksi.php";
$namaTabel = "pendaftaran";
$query = "SELECT * FROM $namaTabel";

$hasil = mysql_query($query);
$jumField = mysql_num_fields($hasil);
$sites = array();
while ($data = mysql_fetch_array($hasil))

{
$sites [] = array('nama' => $data['nama'], 'jenis_kelamin' =>
$data['jenis_kelamin'], 'agama' => $data['agama'], 'tanggal_lahir' =>
$data['tanggal_lahir'],);
}?>
<a href="daftar_anggota.php">« Back</a>
</div>
Kode Program 2. Tampil anggota
Kode program 2. merupakan kode program yang menampilkan data diri dari user saat
mengisi form pendaftaran pada halaman pertama. Kode program 2. berisikan query sql, dimana
dalam hal tersebut digunakan untuk mengaskses dan menampilkan data yang terdapat pada
database tersebut. Selanjutnya ada kode program yang bernama koneksi.php. kode program
tersebut berisikan kode program untuk menghubungkan ke database. Kode program tersebut
adalah sebagai berikut.
<?php
$user_name = "root";
$password = "";
$database = "anggota";
$host_name = "localhost";
mysql_connect($host_name, $user_name, $password);
mysql_select_db($database);
echo "Koneksi Terbuka";
?>
Kode program 3. Koneksi
Kode program 3. Koneksi merupakan kode program yang digunakan untuk

menghubungkan database dengan form pendaftaran dan menampilkan anggota. Kode program 3.
Koneksi tersebut dibuat terpisah dengan kode program lainnya. Hal tersebut dikarenakan untuk
mempermudah penulisannya dan mempersingkat program, karena untuk menggunakan kode
program tersebut tinggal dipanggil saja.

Form Input

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Form Input

Diunggah oleh

Hak Cipta:

Format Tersedia

FORM INPUT OUTPUT MENGGUNAKAN BERBASIS

HTML, DAN PHP

Gambar 1. Tampilan awal form

//Memasukan data ke database

$query = "SELECT * FROM $namaTabel";

while ($data = mysql_fetch_array($hasil))

mysql_connect($host_name, $user_name, $password);

echo "Koneksi Terbuka";

Kode program 3. Koneksi merupakan kode program yang digunakan untuk

Anda mungkin juga menyukai