tutorial : cara membuat form sederhana dengan PHP

Membuat Form Sederhana Dengan PHP dan HTML

Pastinya kawan-kawan pernah melihat form kan . Entah itu waktu pendaftaran jejaring sosial , mengisi data atau pun yang lain . Kali ini kita akan mencoba membuat sebuah form yang sederhana dengan menggunakan script html , namun baca dulu ya tentang html biar lebih jelas . Jika hanya menggunakan html maka form kita tidak bisa dinamis ,untuk itu kita harus menggunakan PHP juga , bukan php pemberi harapan palsu ya maksudnya hehehe…

Bagaimana sih cara membuat form sederhana dengan PHP dan HTML ???

Pertama buat dahulu judulnya dengan menambahkan script seprti ini di bagian dalam <head> htmlnya .

<head>

<title>Form Sederhana</title>

</head>

Kemudian di dalam <body> tambahkan script di bawah ini .

<body>

<form method = ‘post’ action= “aksiForm.php”>

<table>

<tr>

<td>Nama</td>

<td>:</td>

<td><input type=’text’ name=’nama’></td>

</tr>

<tr>

<td>Umur</td>

<td>:</td>

<td><input type=’text’ name=’umur’></td>

</tr>

<tr>

<td>Alamat</td>

<td>:</td>

<td><input type=’text’ name=’alamat’></td>

</tr>

<tr>

<td></td>

<td></td>

<td><input type=’submit’ value=’KIRIM’></td>

</tr>

</table>

</form>

</body>

Saya akan menjelaskan script di atas . Untuk membuat form kita harus menggunakan tag <form> </form> dengan atribut di dalamnya yaitu method yang berguna melewatkan nilai yang ada di form nanti . method hanya ada dua yaitu post dan get , keduanya memiliki perbedaan tapi tidak saya bahas di sini . Kemudian atribut selanjutnya adalah action , ini di isi tujuan nilai akan di lempar kemana .

 

Lalu kita buat tabel dengan menggunakan <table></table>. Di dalam tabel kita dapat membuat baris <tr> dan juga kolom <br> . Kemudian untuk inputanya kita gunakan type text dan beri nama inputan di atribut name , nama ini seperti nama variabel jika di bahasa pemrograman .

<tr>

<td>Nama</td>

<td>:</td>

<td><input type=’text’ name=’nama’></td>

</tr>

Jika sudah kita buat tombol nya , sama seperti inputan cuma type nya di ganti submit .

<input type=’submit’ value=’KIRIM’>

Sampai di sini form sudah selesai dan bisa di lihat di browser .

Namun form ini belum bisa di gunakan . Agar bisa di gunakan kita harus buat lagi file dan beri nama terserah kawan-kawan , kalo di sini saya beri nama aksiForm.php . Buat dahulu tanda phpnya , selengkapnya baca cara membuat hello word php . Kemudian buat variabel dan isi dengan nilai yang kita lempar kan tadi . Caranya menggunakan $_POST[nama inputan] , perhatikan nama inputan di sini harus sama dengan yang ada di form . Jika kita menggunakan method get di form tadi maka cara menangkapnya bukan dengan $_POST[] tapi dengan $_GET[] .

$nama = $_POST[‘nama’];

$umur = $_POST[‘umur’];

$alamat = $_POST[‘alamat’];

Biar kita tahu tampilkan isi dari variabel tadi .

echo “Selamat $nama , anda berhasil membuat form sederhana<br><br>”;

echo “nama = $nama <br>umur = $umur <br>alamat = $alamat”;

Jika sudah benar maka akan tampil seperti ini .

Dan jika di klik tombol kirim menjadi seperti ini 

Itulah pembahasan sederhana kita tengtang bagai mana cara membjuat form sedrhana dengan PHP dan HTML.

 

Translate »
error: