Beranda HTML Belajar Membuat Form HTML POST dan GET PHP

Belajar Membuat Form HTML POST dan GET PHP

658
1
BERBAGI
Membuat Form Method HTML PHP
Membuat Form Method HTML PHP

Membuat Form dengan Method POST atau GET sangatlah mudah.

Apakah kalian tahu, apa itu Method POST dan GET? ,baca disini jika belum tahu.

Pengertian Method POST dan GET

Inilah adalah sebuah Tugas Kuliah saya,mata kuliah Pemrograman Web Lanjut, sekalian belajar bersama, apa salahnya berbagi.

Pertama buatlah file yang kita perlukan, bernama :

  1. index.php
  2. proses.php
  3. style.css

Langkah – langkah :

– index.php

Pada file index.php kalian isi dengan source code dibawah ini :

<html>
<head>
<title>FORM METHOD – WAHYU ARIF PURNOMO</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
<body>
<h1>Biodata</h1>
<form action=”proses.php” method=”post”>
<table width=”600px”>
<tr>
<td width=”30%”>Nama</td>
<td width=”2%”>:</td>
<td><input type=”text” name=”Nama” size=”45″ /></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td>
<select name=”WahyuArifPurnomo_Tanggal”>
<?php
for($i=1;$i<=31;$i++) {
echo “<option value=”.$i.”>”.$i.”</option>”;
}
?>
</select>

<select name=”WahyuArifPurnomo_Bulan”>
<?php
for($i=1;$i<=12;$i++) {
echo “<option value=”.$i.”>”.$i.”</option>”;
}
?>
</select>

<select name=”WahyuArifPurnomo_Tahun”>
<?php
for($i=1900;$i<=2011;$i++) {
echo “<option value=”.$i.”>”.$i.”</option>”;
}
?>
</select>
</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>
<input type=”radio” name=”JenisKelamin” value=”Laki-Laki” />
Laki-Laki
<input type=”radio” name=”JenisKelamin” value=”Perempuan” />
Perempuan
</td>
</tr>
<tr>
<td>Sudah Menikah?</td>
<td>:</td>
<td>
<input type=”checkbox” name=”SudahMenikah”/>Ya
</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea name=”Alamat” cols=”45″></textarea></td>
</tr>
<tr>
<td></td>
<td></td>
<td>
<input class=”WahyuArifPurnomo_Submit” type=”submit” value=”SUBMIT” />
</td>
</tr>
</table>
</form>
</body>
</html>

Penjelasan : itulah source code index.php, dimana sebuah berfungsi untuk mengisi data2 atau input data sebelum di proses.

– proses.php

Disinilah berfungsi untuk memproses dan memunculkan Hasil dari data yang di Inputkan melalui index.php

Source code :

<html>
<head>
<title>FORM METHOD – WAHYU ARIF PURNOMO</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
<body>
<h1>Biodata</h1>
<table width=”600px” id=”WahyuArifPurnomo_no-border-spacing”>
<tr id=”WahyuArifPurnomo_ABUABU”>
<td width=”30%”>Nama</td>
<td width=”2%”>:</td>
<td><?php echo $_POST [‘Nama’]; ?></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td>
<?php
echo $_POST[‘WahyuArifPurnomo_Tanggal’];
echo ” “;

if($_POST [‘WahyuArifPurnomo_Bulan’]==”1″) {
echo “Januari “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”2”) {
echo “Februari “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”3”) {
echo “Maret “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”4”) {
echo “April “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”5”) {
echo “Mei “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”6”) {
echo “Juni “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”7”) {
echo “Juli “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”8”) {
echo “Agustus “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”9”) {
echo “September “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”10”) {
echo “Oktober “;
} else if($_POST [‘WahyuArifPurnomo_Bulan’]==”11”) {
echo “November “;
} else {
echo “Desember “;
}

echo $_POST[‘WahyuArifPurnomo_Tahun’];
?>
</td>
</tr>
<tr id=”WahyuArifPurnomo_ABUABU”>
<td>Jenis Kelamin</td>
<td>:</td>
<td><?php echo $_POST [‘JenisKelamin’]; ?></td>
</tr>
<tr>
<td>Sudah Menikah?</td>
<td>:</td>
<td>
<?php
if(isset($_POST[‘SudahMenikah’])) {
echo “Menikah”;
} else {echo “Belum”;}
?>
</td>
</tr>
<tr id=”WahyuArifPurnomo_ABUABU”>
<td>Alamat</td>
<td>:</td>
<td><?php echo $_POST [‘Alamat’]; ?></td>
</tr>
</table>
</body>
</html>

 

– style.css

Pada style.css berfungsi sebagai Tampilan Antarmuka pada index.php dan proses.php

Source code:

.WahyuArifPurnomo_Submit { background:green; color:white; font-weight:bold; border:0;}
#WahyuArifPurnomo_no-border-spacing { border-spacing:0; }
#WahyuArifPurnomo_ABUABU { background:lightgray; }

 

Dan save semua file dalam 1 folder, silahkan untuk menjalankan dapat menggunakan XAMPP atau Upload di Hosting kalian.

Directory File Form Method
Directory File Form Method

Langkah – langkah untuk menjalankan sangatlah gampang :

  1. Buka url file yang kalian upload, contohnya : saya menyimpan di XAMPP dengan nama Folder methodform, dan saya akan membukanya dengan : localhost/methodform
  2. dan Inputkan data – data yang diminta.
  3. Klik SUBMIT.
  4. Hasilnya akan seperti ini
    Output Method Form
    Output Method Form

    NB : perhatikan tulisan yang saya kasih warna merah, adalah link file.

 

 

1 KOMENTAR

LEAVE A REPLY

Please enter your comment!
Please enter your name here