Sabtu, 29 Juli 2017

Membuat Form Pendaftaran Menggunakan HTML dan PHP

Ketika kita ingin mendaftar dalam web apa pun pasti kita akan di suguhkan dengan tampilan sebuah form. Form berfungsi sebagai inputan data entah itu data untuk pendaftaran dari web atau inputan data yang lain. Kali ini saya akan menjelaskan bagaimana cara membuat form dengan menggunakna HTML dan data yang di inputkan akan ditampilkan dengan menggunakan php. Bagi yang belum tau apa itu php silahkan baca tutorial saya sebelumnya tentang php.

Bagaiman Cara Membuat Form ?
Untuk membuat form dalam html, kita dapat menggunakan tag <form> .. </form>. Untuk lebih mudahnya silahkan lihat coding di bawah ini.

<!DOCTYPE html>
<html>
<head>
 <title>Form Pendaftaran Website</title>
</head>
<body>
 <form action="aksi.php" method="post">
  Nama : <input type="text" name="nama"><br>
  Alamat : <input type="text" name="alamat"><br>
  Jenis Kelamin : <input type="radio" name="jk" value="P"> P <input type="radio" name="jk" value="L"> L<br>
  <input type="submit" name="submit" value="KIRIM">
 </form>
</body>
</html>

Dalam tag <form> terdapat atribut action, isi dari atribut action adalah sebagai tujuan setelah tombol kirim di tekan. Kemudian ada atribut method yang berfungsi sebagai cara melewatkan data, terdapat dua cara dalam melewatkan dalam dalam form yaitu secara post dan get. Masih ada beberapa atribut yang bisa ikut dalam tag <form> namun yang terpenting adalah action dan method.
Kemudian di dalamnya terdapat tag <input>, tag <input> berfungsi untuk membuat inputan yang nantinya akan kita isi data. Perhatikan dalam tag <input> terdapat atribut type yang berguna untuk mengatur tipe dari inputan, bisa jadi inputan bertipe text, submit, password, dan yang lainnya. Berikutnya ada atribut name, atribut name di gunakan untuk memberi nama dari inputan, jadi nanti ketika kita akan mengambil data menggunakan PHP maka yang akan kita panggil adalah isi dari atribut name ini. Dalam sebuah form harus ada pemicu untuk memberitahukan kepada form bahwa data sudah di isi, pemicu dalam codingan di atas adalah tag <input> yang atribur type nya berisi submit. Apabila di jalankan di web hasilnya seperti gambar di bawah ini.

Kalo kita perhatikan tampilan form tidak rata, sekarang mari kita tambahkan tabel untuk membuat tampilan form menjadi rata. Bagi yang belum mengetahui cara membuat tabel silahkan baca  Cara Membuat Table Menggunakan HTML Dan CSS. Ubah dalam tag <form> di atas menjadi seperti berikut ini.

<form action="aksi.php" method="post">
 <table>
  <tr>
   <td>Nama</td>
   <td>:</td>
   <td><input type="text" name="nama"></td>
  </tr>
  <tr>
   <td>Alamat</td>
   <td>:</td>
   <td><input type="text" name="alamat"></td>
  </tr>
  <tr>
   <td>Jenis Kelamin</td>
   <td>:</td>
   <td><input type="radio" name="jk" value="P"> P <input type="radio" name="jk" value="L"> L</td>
  </tr>
  <tr>
   <td></td>
   <td></td>
   <td><input type="submit" name="submit" value="KIRIM"></td>
  </tr>
 </table>
</form>

Hasil yang akan di tampilkan adalah seperti gambar di bawah ini .

Tampilan form rata
Kemudian simpan codingan tersebut dengan nama index.php. lalu buat file lagi dengan nama aksi.php yang berguna sebagai tujuan dari form yang sudah kita buat. Isi dari file aksi.php adalah seperti di bawah ini.

<?php
 // pengecekan nama, alamat, jenis kelamin harus di isi
 if(isset($_POST['nama']) AND isset($_POST['alamat']) AND isset($_POST['jk'])){
  // Ambil data menggunakan post
  echo "Nama : ".$_POST['nama'],"<br>";
  echo "Alamat : ".$_POST['alamat'],"<br>";
  echo "Jenis Kelamin : ".$_POST['jk'],"<br>";
 }else{
  // Alihkan ke index.php
  header('Location:index.php');
 }
?>

Setelah form di isi dan tombol KIRIM di klik halaman akan berpindah ke file aksi.php. Pada file aksi.php kita akan mengecek apakah form sudah di isi semua atau belum, jika form belum di isi atau di isi namun tidak semua, maka halaman akan di kembalikan ke halaman form yang awal. Disini kita menggunakan percabangan if dalam php, teman-teman tidak perlu bingung, intinya if ini mengecek apakah data nama, alamat, dan jenis kelamin sudah di isi semua atau belum. Untuk penjelasan if secara lengkap tunggu di tutorial berikutnya.
Untuk mengambil data kita gunakan $_POST['nama inputan'], ingat kita tadi di tag <form> mengeset atribut method dengan post, jadi untuk mengambilnya juga harus menggunakan post. Jika tadi kita isi dengan get maka cara pengambilannya menggunakan $_GET['nama inputan'].

Saya cukupkan sampai di sini dulu untuk tutorial kali ini. Jika blog ini bermanfaat untuk teman-teman silahkan kunjungi terus belajarpemrograman-web.blogspot.co.id , jika teman-teman ingin belajar bahasa pemrograman java silahkan kunjungi tutorialjava-mudah.blogspot.co.id . Jika ingin berdiskusi silahkan tinggalkan komentar.

1 komentar:

  1. ASSALAMUALAIKUM SAYA INGIN BERBAGI CARA SUKSES SAYA NGURUS IJAZAH saya atas nama RIDWAN asal dari jawa timur sedikit saya ingin berbagi cerita masalah pengurusan ijazah saya yang kemarin hilang mulai dari ijazah SD sampai SMA, tapi alhamdulillah untung saja ada salah satu keluarga saya yang bekerja di salah satu dinas kabupaten di wilayah jawa timur dia memberikan petunjuk cara mengurus ijazah saya yang hilang, dia memberikan no hp BPK DR SUTANTO S.H, M.A beliau selaku kepala biro umum di kantor kemendikbud pusat jakarta nomor hp beliau 0853-2174-0123, alhamdulillah beliau betul betul bisa ngurusin masalah ijazah saya, alhamdulillah setelah saya tlp beliau di nomor hp 0853-2174-0123, saya di beri petunjuk untuk mempersiap'kan berkas yang di butuh'kan sama beliau dan hari itu juga saya langsun email berkas'nya dan saya juga langsun selesai'kan ADM'nya 50% dan sisa'nya langsun saya selesai'kan juga setelah ijazah saya sudah ke terima, alhamdulillah proses'nya sangat cepat hanya dalam 1 minggu berkas ijazah saya sudah ke terima.....alhamdulillah terima kasih kpd bpk DR SUTANTO S.H,M.A berkat bantuan bpk lamaran kerja saya sudah di terima, bagi saudara/i yang lagi bermasalah malah ijazah silah'kan hub beliau semoga beliau bisa bantu, dan ternyata juga beliau bisa bantu dengan menu di bawah ini wassalam.....

    1. Beliau bisa membantu anda yang kesulitan :
    – Ingin kuliah tapi gak ada waktu karena terbentur jam kerja
    – Ijazah hilang, rusak, dicuri, kebakaran dan kecelakaan faktor lain, dll.
    – Drop out takut dimarahin ortu
    – IPK jelek, ingin dibagusin
    – Biaya kuliah tinggi tapi ingin cepat kerja
    – Ijazah ditahan perusahaan tetapi ingin pindah ke perusahaan lain
    – Dll.
    2. PRODUK KAMI
    Semua ijazah DIPLOMA (D1,D2,D3) S/D
    SARJANA (S1, S2)..
    Hampir semua perguruan tinggi kami punya
    data basenya.
    UNIVERSITAS TARUMA NEGARA UNIVERSITAS MERCUBUANA
    UNIVERSITAS GAJAH MADA UNIVERSITAS ATMA JAYA
    UNIVERSITAS PANCASILA UNIVERSITAS MOETOPO
    UNIVERSITAS TERBUKA UNIVERSITAS ISLAM INDONESIA
    UNIVERSITAS TRISAKTI UNIVERSITAS KRISTEN INDONESIA
    UNIVERSITAS BUDI LIHUR ASMI
    UNIVERSITAS ILMUKOMPUTER UNIVERSITAS DIPONOGORO
    AKADEMI BAHASA ASING BINA SARANA INFORMATIKA
    UPN VETERAN AKADEMI PARIWISATA INDONESIA
    INSTITUT TEKHNOLOGI SERPONG STIE YPKP
    STIE SUKABUMI YAI
    ISTN STIE PERBANAS
    LIA / TOEFEL STIMIK SWADHARMA
    STIMIK UKRIDA
    UNIVERSITAS NASIONAL UNIVERSITAS JAKARTA
    UNIVERSITAS BUNG KARNO UNIVERSITAS PADJAJARAN
    UNIVERSITAS BOROBUDUR UNIVERSITAS INDONESIA
    UNIVERSITAS MUHAMMADYAH UNIVERSITAS BATAM
    UNIVERSITAS SAHID DLL

    3. DATA YANG DI BUTUHKAN
    Persyaratan untuk ijazah :
    1. Nama
    2. Tempat & tgl lahir
    3. foto ukuran 4 x 6 (bebas, rapi, dan usahakan berjas),semua data discan dan di email ke alamat email bpk sutantokemendikbud@gmail.com
    4. IPK yang di inginkan
    5. universitas yang di inginkan
    6. Jurusan yang di inginkan
    7. Tahun kelulusan yang di inginkan
    8. Nama dan alamat lengkap, serta no. telphone untuk pengiriman dokumen
    9. Di kirim ke alamat email: sutantokemendikbud@gmail.com berkas akan di tindak lanjuti akan setelah pembayaran 50% masuk
    10. Pembayaran lewat Transfer ke Rekening MANDIRI, BNI, BRI,
    11. PENGIRIMAN Dokumen Via JNE
    4. Biaya – Biaya
    • SD = Rp. 1.500.000
    • SMP = Rp. 2.000.000
    • SMA = Rp. 3.000.000
    • D3 = 6.000.000
    • S1 = 7.500.000(TERGANTUN UNIVERSITAS)
    • S2 = 12.000.000(TERGANTUN UNIVERSITAS)
    • S3 / Doktoral Rp. 24.000.000
    (kampus terkenal – wajib ikut kuliah beberapa bulan)
    • D3 Kebidanan / keperawatan Rp. 8.500.000
    (minimal sudah pernah kuliah di jurusan tersebut hingga semester 4)
    • Pindah jurusan/profesi dari Bidan/Perawat ke Dokter. Rp. 32.000.000

    BalasHapus