Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form
murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa dalam
bentuk html.
Untuk merancang sebuah form inputan, setidaknya ada 3 (tiga) hal penting, yakni :
1. METHOD
Method dari sebuah form menentukan bagaimana data inputan form dikirim.
Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan
bagaimana data inputan dikirim dan diproses oleh PHP.
2. ACTION
Action dari sebuah form menentukan dimana data inputan dari form diproses.
Jika action ini dikosongkan, maka dianggap proses form terjadi di halaman
yang sama. Jadi halaman form dan halaman proses bisa saja dipisah atau
dijadikan satu.
3. SUBMIT BUTTON
Submit button merupakan sebuah tombol (pada umumnya) yang berfungsi
sebagai trigger pengiriman data dari form inputan. Jika tombol ini ditekan,
maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan
pada atribut action.
Cara 1 : Menyatukan antara Form dan Proses
Proses pengolahan form dilakukan di halaman yang sama dengan form
inputannya. Jika proses penanganan form berada di satu halaman, maka value
atribut action pada tag form tidak perlu diisi (dikosongkan).
Program 4.1
Nama File : input1.php
Deskripsi : Program Contoh pengolahan form dimana antara form inputan
dan proses pengolahan inputan berada dalam satu halaman.
<html>
<head><title>Pengolahan Form</title></head>
<body>
<FORM ACTION="" METHOD="POST" NAME="input">
Nama Anda : <input type="text" name="nama"><br>
<input type="submit" name="Input" value="Input">
</FORM>
</body>
</html>
<?php
if (isset($_POST['Input'])) {
$nama = $_POST['nama'];
echo "Nama Anda : <b>$nama</b>";
}
?>
<head><title>Pengolahan Form</title></head>
<body>
<FORM ACTION="" METHOD="POST" NAME="input">
Nama Anda : <input type="text" name="nama"><br>
<input type="submit" name="Input" value="Input">
</FORM>
</body>
</html>
<?php
if (isset($_POST['Input'])) {
$nama = $_POST['nama'];
echo "Nama Anda : <b>$nama</b>";
}
?>
Cara 2 : Memisahkkan antara Form dan Proses
Proses pengolahan form dilakukan di halaman yang terpisah dengan form
inputannya. Jika proses penanganan form berada dilakukan di halaman yang
berbeda, maka value atribut action pada tag form harus diisi dengan alamat
halaman tempat proses pengolahan form.
Progra 4.2 dan 4.3 menjadi satu kesatuan
Program 4.2
Nama File : input2.php
Deskripsi : Program menampilkan form inputan dengan method POST
<html>
<head><title>Pengolahan Form</title></head>
<body>
<FORM ACTION="proses02.php" METHOD="POST" NAME="input">
Nama Anda : <input type="text" name="nama"><br>
<input type="submit" name="Input" value="Input">
</FORM>
</body>
</html>
<head><title>Pengolahan Form</title></head>
<body>
<FORM ACTION="proses02.php" METHOD="POST" NAME="input">
Nama Anda : <input type="text" name="nama"><br>
<input type="submit" name="Input" value="Input">
</FORM>
</body>
</html>
Program 4.3
Nama File : proses02.php
Deskripsi : Program penanganan form inputan untuk Program 4.2.
<?php
if (isset($_POST['Input'])) {
$nama = $_POST['nama'];
echo "Nama Anda : <b>$nama</b>";
}
?>
if (isset($_POST['Input'])) {
$nama = $_POST['nama'];
echo "Nama Anda : <b>$nama</b>";
}
?>
Program 4.4
Nama File : input04.php
Deskripsi : Program menampilkan form inputan text dalam jumlah banyak.
<html>
<head><title>Pengolahan Form ~ Text</title></head>
<body>
<FORM ACTION="proses04.php" METHOD="POST" NAME="input">
Sahabat-sahabat Dekatku<br>
<input type="text" name="nama1"><br>
<input type="text" name="nama2"><br>
<input type="text" name="nama3"><br>
<input type="text" name="nama4"><br>
<input type="submit" name="Input" value="Input">
</FORM>
</bod
<head><title>Pengolahan Form ~ Text</title></head>
<body>
<FORM ACTION="proses04.php" METHOD="POST" NAME="input">
Sahabat-sahabat Dekatku<br>
<input type="text" name="nama1"><br>
<input type="text" name="nama2"><br>
<input type="text" name="nama3"><br>
<input type="text" name="nama4"><br>
<input type="submit" name="Input" value="Input">
</FORM>
</bod
Program 4.5
Nama File : proses04.php
Deskripsi : Program penanganan form inputan untuk Program 4.4.
<?php
if (isset($_POST['Input'])) {
$nama1 = $_POST['nama1'];
$nama2 = $_POST['nama2'];
$nama3 = $_POST['nama3'];
$nama4 = $_POST['nama4'];
echo "<b>Nama Sahabat-sahabat Dekatku :</b> <br>";
echo $nama1. "<br>";
echo $nama2. "<br>";
echo $nama3. "<br>";
echo $nama4. "<br>";
}
?>
if (isset($_POST['Input'])) {
$nama1 = $_POST['nama1'];
$nama2 = $_POST['nama2'];
$nama3 = $_POST['nama3'];
$nama4 = $_POST['nama4'];
echo "<b>Nama Sahabat-sahabat Dekatku :</b> <br>";
echo $nama1. "<br>";
echo $nama2. "<br>";
echo $nama3. "<br>";
echo $nama4. "<br>";
}
?>
Program 4.6
Nama File : input05.php
Deskripsi : Program menampilkan form login (inputan text dan password).
<html>
<head><title>Login Here</title></head>
<body>
<FORM ACTION="proses05.php" METHOD="POST" NAME="input">
<h2>Login Here...</h2>
Username : <input type="text" name="username"><br>
Password : <input type="password" name="password"><br>
<input type="submit" name="Login" value="Login">
<input type="reset" name="reset" value="Reset">
</FORM>
</body>
</html>
<head><title>Login Here</title></head>
<body>
<FORM ACTION="proses05.php" METHOD="POST" NAME="input">
<h2>Login Here...</h2>
Username : <input type="text" name="username"><br>
Password : <input type="password" name="password"><br>
<input type="submit" name="Login" value="Login">
<input type="reset" name="reset" value="Reset">
</FORM>
</body>
</html>
Program 4.7
Nama File : proses05.php
Deskripsi : Program sederhana untuk memeriksa inputan username dan
password pada program 4.6
<?php
if (isset($_POST['Login'])) {
$user = $_POST['username'];
$pass = $_POST['password'];
if ($user == "admin" && $pass == "123") {
echo "<h2>Login Berhasil</h2>";
} else {
echo "<h2>Login Gagal</h2>";
}
}
?>
if (isset($_POST['Login'])) {
$user = $_POST['username'];
$pass = $_POST['password'];
if ($user == "admin" && $pass == "123") {
echo "<h2>Login Berhasil</h2>";
} else {
echo "<h2>Login Gagal</h2>";
}
}
?>
Program 4.8
Nama File : input06.php
Deskripsi : Program menampilkan form pilihan jurusan dengan radio button
<html>
<head><title>Pilih Jurusan</title></head>
<body>
<FORM ACTION="proses06.php" METHOD="POST" NAME="input">
<h2>Pilih Jurusan Anda :</h2>
<input type="radio" name="jurusan" value="TI" checked>
Teknik Informatika<br>
<input type="radio" name="jurusan" value="SI"> Sistem
Informasi<br>
<input type="radio" name="jurusan" value="SK"> Sistem
Komputer<br>
<input type="radio" name="jurusan" value="KA">
Komputerisasi Akuntansi<br>
<input type="submit" name="Pilih" value="Pilih">
</FORM>
</body>
</html>
<head><title>Pilih Jurusan</title></head>
<body>
<FORM ACTION="proses06.php" METHOD="POST" NAME="input">
<h2>Pilih Jurusan Anda :</h2>
<input type="radio" name="jurusan" value="TI" checked>
Teknik Informatika<br>
<input type="radio" name="jurusan" value="SI"> Sistem
Informasi<br>
<input type="radio" name="jurusan" value="SK"> Sistem
Komputer<br>
<input type="radio" name="jurusan" value="KA">
Komputerisasi Akuntansi<br>
<input type="submit" name="Pilih" value="Pilih">
</FORM>
</body>
</html>
Program 4.9
Nama File : proses06.php
Deskripsi : Program untuk mengambil dan menampilkan jurusan yang dipilih
pada program 4.8
<?php
if (isset($_POST['Pilih'])) {
$jurusan = $_POST['jurusan'];
echo "Jurusan Anda adalah
<b><font color='red'>$jurusan</font></b>";
}
?>
if (isset($_POST['Pilih'])) {
$jurusan = $_POST['jurusan'];
echo "Jurusan Anda adalah
<b><font color='red'>$jurusan</font></b>";
}
?>
Program 4.10
Nama File : input05.php
Deskripsi : Program menampilkan form login (inputan text dan password).
<html>
<head><title>Login Here</title></head>
<body>
<FORM ACTION="proses05.php" METHOD="POST" NAME="input">
<h2>Login Here...</h2>
Username : <input type="text" name="username"><br>
Password : <input type="password" name="password"><br>
<input type="submit" name="Login" value="Login">
<input type="reset" name="reset" value="Reset">
</FORM>
</body>
</html>
<head><title>Login Here</title></head>
<body>
<FORM ACTION="proses05.php" METHOD="POST" NAME="input">
<h2>Login Here...</h2>
Username : <input type="text" name="username"><br>
Password : <input type="password" name="password"><br>
<input type="submit" name="Login" value="Login">
<input type="reset" name="reset" value="Reset">
</FORM>
</body>
</html>
Program 4.11
Nama File : proses05.php
Deskripsi : Program sederhana untuk memeriksa inputan username dan
password pada program 4.10
<?php
if (isset($_POST['Login'])) {
$user = $_POST['username'];
$pass = $_POST['password'];
if ($user == "achmatim" && $pass == "123") {
echo "<h2>Login Berhasil</h2>";
} else {
echo "<h2>Login Gagal</h2>";
}
}
?>
if (isset($_POST['Login'])) {
$user = $_POST['username'];
$pass = $_POST['password'];
if ($user == "achmatim" && $pass == "123") {
echo "<h2>Login Berhasil</h2>";
} else {
echo "<h2>Login Gagal</h2>";
}
}
?>
Program 4.12
Nama File : input06.php
Deskripsi : Program menampilkan form pilihan menggunakan radio button
<html>
<head><title>Pilih Jurusan</title></head>
<body>
<FORM ACTION="proses06.php" METHOD="POST" NAME="input">
<h2>Pilih Jurusan Anda :</h2>
<input type="radio" name="jurusan" value="TI" checked>
Teknik Informatika<br>
<input type="radio" name="jurusan" value="SI"> Sistem
Informasi<br>
<input type="radio" name="jurusan" value="SK"> Sistem
Komputer<br>
<input type="radio" name="jurusan" value="KA">
Komputerisasi Akuntansi<br>
<input type="submit" name="Pilih" value="Pilih">
</FORM>
</body>
</html>
<head><title>Pilih Jurusan</title></head>
<body>
<FORM ACTION="proses06.php" METHOD="POST" NAME="input">
<h2>Pilih Jurusan Anda :</h2>
<input type="radio" name="jurusan" value="TI" checked>
Teknik Informatika<br>
<input type="radio" name="jurusan" value="SI"> Sistem
Informasi<br>
<input type="radio" name="jurusan" value="SK"> Sistem
Komputer<br>
<input type="radio" name="jurusan" value="KA">
Komputerisasi Akuntansi<br>
<input type="submit" name="Pilih" value="Pilih">
</FORM>
</body>
</html>
Program 4.13
Nama File : proses06.php
Deskripsi : Program untuk mengambil dan menampilkan jurusan yang dipilih
pada program 4.12
<?php
if (isset($_POST['Pilih'])) {
$jurusan = $_POST['jurusan'];
echo "Jurusan Anda adalah
<b><font color='red'>$jurusan</font></b>";
}
?>
if (isset($_POST['Pilih'])) {
$jurusan = $_POST['jurusan'];
echo "Jurusan Anda adalah
<b><font color='red'>$jurusan</font></b>";
}
?>
Program 4.14
Nama File : input07.php
Deskripsi : Program menampilkan form inputan nama buah dengan
check box.
<html>
<head><title>Nama Buah ~ Inputan Checkbox</title></head>
<body>
<FORM ACTION="proses07.php" METHOD="POST" NAME="input">
<h2>Pilih Buah Yang Paling Anda Suka :</h2>
<input type="checkbox" name="b01" value="Anggur"
checked> Anggur<br>
<input type="checkbox" name="b02" value="Apel"> Apel 7<br>
<input type="checkbox" name="b03" value="Jambu">
Jambu<br>
<input type="checkbox" name="b04" value="Jeruk">
Jeruk<br>
<input type="submit" name="Pilih" value="Pilih">
</FORM>
</body>
</html>
<head><title>Nama Buah ~ Inputan Checkbox</title></head>
<body>
<FORM ACTION="proses07.php" METHOD="POST" NAME="input">
<h2>Pilih Buah Yang Paling Anda Suka :</h2>
<input type="checkbox" name="b01" value="Anggur"
checked> Anggur<br>
<input type="checkbox" name="b02" value="Apel"> Apel 7<br>
<input type="checkbox" name="b03" value="Jambu">
Jambu<br>
<input type="checkbox" name="b04" value="Jeruk">
Jeruk<br>
<input type="submit" name="Pilih" value="Pilih">
</FORM>
</body>
</html>
Program 4.15
Nama File : proses07.php
Deskripsi : Program untuk menampilkan nama buah sesuai dengan
inputan pada program 4.14
<?php
if (isset($_POST['Pilih'])) {
echo "Pilihan Buah Anda adalah :<br>";
if (isset($_POST['b01'])) {
echo "+ " . $_POST['b01'] . "<br>";
}
if (isset($_POST['b02'])) {
echo "+ " . $_POST['b02'] . "<br>";
}
if (isset($_POST['b03'])) {
echo "+ " . $_POST['b03'] . "<br>";
}
if (isset($_POST['b04'])) {
echo "+ " . $_POST['b04'] . "<br>";
}
}
?>
if (isset($_POST['Pilih'])) {
echo "Pilihan Buah Anda adalah :<br>";
if (isset($_POST['b01'])) {
echo "+ " . $_POST['b01'] . "<br>";
}
if (isset($_POST['b02'])) {
echo "+ " . $_POST['b02'] . "<br>";
}
if (isset($_POST['b03'])) {
echo "+ " . $_POST['b03'] . "<br>";
}
if (isset($_POST['b04'])) {
echo "+ " . $_POST['b04'] . "<br>";
}
}
?>
0 Comments