Formulir Pendaftaran PHP menggunakan Metode GET, POST beserta Contohnya

Apa itu Formulir?

Saat Anda masuk ke situs web atau kotak surat, Anda berinteraksi dengan suatu formulir.

Formulir digunakan untuk mendapatkan masukan dari pengguna dan mengirimkannya ke server web untuk diproses.

Diagram di bawah mengilustrasikan proses penanganan formulir.

Formulir PHP

Formulir adalah tag HTML yang berisi item antarmuka pengguna grafis seperti kotak input, kotak centang, tombol radio, dan lain-lain.

Bentuknya ditentukan menggunakan … tag dan item GUI ditentukan menggunakan elemen formulir seperti input.

Kapan dan mengapa kita menggunakan formulir?

  • Formulir berguna saat mengembangkan aplikasi fleksibel dan dinamis yang menerima masukan pengguna.
  • Formulir dapat digunakan untuk mengedit data yang sudah ada dari database

Buat formulir

Kami akan menggunakan tag HTML untuk membuat formulir. Di bawah ini adalah daftar minimal hal-hal yang Anda perlukan untuk membuat formulir.

  • Tag formulir pembuka dan penutup …
  • Jenis pengiriman formulir POST atau GET
  • URL Pengiriman yang akan memproses data yang dikirimkan
  • Bidang masukan seperti kotak masukan, area teks, tombol, kotak centang, dsb.

Kode di bawah ini membuat formulir pendaftaran sederhana

<html>
<head>
	<title>Registration Form</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>

    <h2>Registration Form</h2>

    <form action="registration_form.php" method="POST"> First name:

        <input type="text" name="firstname"> <br> Last name:

        <input type="text" name="lastname"> 

        <input type="hidden" name="form_submitted" value="1" />

        <input type="submit" value="Submit">

    </form>
</body>
</html>

Melihat kode di atas dalam peramban web akan menampilkan formulir berikut.

Buat formulir

SINI,

  • … adalah tag formulir pembuka dan penutup
  • action=”registration_form.php” method=”POST”> menentukan URL tujuan dan jenis pengiriman.
  • Nama Depan/Belakang: adalah label untuk kotak input
  • adalah tag kotak input
  • adalah tag baris baru
  • adalah nilai tersembunyi yang digunakan untuk memeriksa apakah formulir telah dikirimkan atau belum
  • adalah tombol yang ketika diklik akan mengirimkan formulir ke server untuk diproses

Mengirimkan data formulir ke server

Atribut tindakan formulir menentukan URL pengiriman yang memproses data. Atribut metode menentukan jenis pengiriman.

Metode PHP POST

  • Ini adalah variabel array super global PHP bawaan yang digunakan untuk mendapatkan nilai yang dikirimkan melalui metode HTTP POST.
  • Variabel array dapat diakses dari skrip apa pun dalam program; ini memiliki cakupan global.
  • Metode ini sangat ideal bila Anda tidak ingin menampilkan nilai postingan formulir di URL.
  • Contoh yang baik dalam penggunaan metode post adalah saat mengirimkan rincian login ke server.

Ia memiliki sintaksis sebagai berikut.

<?php
 $_POST['variable_name'];
?>

SINI,

  • “$_POST[…]” adalah susunan PHP
  • “'nama_variabel'” adalah nama variabel URL.

Metode PHP GET

  • Ini adalah variabel array super global PHP bawaan yang digunakan untuk mendapatkan nilai yang dikirimkan melalui metode HTTP GET.
  • Variabel array dapat diakses dari skrip apa pun dalam program; ini memiliki cakupan global.
  • Metode ini menampilkan nilai formulir di URL.
  • Ini ideal untuk formulir mesin pencari karena memungkinkan pengguna menandai hasilnya.

Ia memiliki sintaksis sebagai berikut.

<?php
$_GET['variable_name'];
?>

SINI,

  • “$_GET[…]” adalah larik PHP
  • “'nama_variabel'” adalah nama variabel URL.

Metode DAPATKAN vs POST

POST DAPATKAN
Nilai tidak terlihat di URL Nilai terlihat di URL
Tidak memiliki batasan panjang nilai karena dikirimkan melalui isi HTTP Memiliki batasan panjang nilai biasanya 255 karakter. Ini karena nilainya ditampilkan di URL. Perhatikan bahwa batas atas karakter bergantung pada browser.
Memiliki kinerja lebih rendah dibandingkan dengan metode Php_GET karena waktu yang dihabiskan untuk mengenkapsulasi nilai Php_POST di badan HTTP Memiliki kinerja tinggi dibandingkan dengan metode POST karena sifatnya yang sederhana dalam menambahkan nilai pada URL.
Mendukung banyak tipe data berbeda seperti string, numerik, biner, dll. Hanya mendukung tipe data string karena nilainya ditampilkan di URL
Hasil tidak dapat ditandai buku Hasil dapat ditandai dengan buku karena visibilitas nilai dalam URL

Diagram di bawah ini menunjukkan perbedaan antara get dan post

Metode DAPATKAN vs POST

Metode DAPATKAN vs POST

Mengolah data formulir pendaftaran

Formulir pendaftaran mengirimkan data ke dirinya sendiri sebagaimana ditentukan dalam atribut tindakan formulir.

Ketika formulir telah dikirimkan, nilainya diisi dalam array super global $_POST.

Kami akan menggunakan fungsi isset PHP untuk memeriksa apakah nilai formulir telah diisi dalam array $_POST dan memproses datanya.

Kami akan memodifikasi formulir pendaftaran untuk memasukkan kode PHP yang memproses data. Di bawah ini adalah kode yang dimodifikasi

<html>
<head>
	<title>Registration Form</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
<body>

    <?php if (isset($_POST['form_submitted'])): ?> //this code is executed when the form is submitted

        <h2>Thank You <?php echo $_POST['firstname']; ?> </h2>

        <p>You have been registered as
            <?php echo $_POST['firstname'] . ' ' . $_POST['lastname']; ?>
        </p>

        <p>Go <a href="/id/registration_form.php">back</a> to the form</p>

        <?php else: ?>

            <h2>Registration Form</h2>

            <form action="registration_form.php" method="POST">

                 First name:
                <input type="text" name="firstname">
                
                <br> Last name:
                <input type="text" name="lastname">
                
			<input type="hidden" name="form_submitted" value="1" />

                <input type="submit" value="Submit">

            </form>

      <?php endif; ? > 
</body> 
</html>

SINI,

  • memeriksa apakah bidang tersembunyi form_submit telah diisi dalam array $_POST[] dan menampilkan pesan terima kasih dan nama depan.

    Jika field form_fobmit belum terisi pada array $_POST[], maka form akan ditampilkan.

Lebih contoh

Mesin pencari sederhana

Kami akan merancang mesin pencari sederhana yang menggunakan metode PHP_GET sebagai jenis pengiriman formulir.

Untuk mempermudah, kita akan menggunakan a Pernyataan PHP Jika untuk menentukan keluarannya.

Kami akan menggunakan kode HTML yang sama untuk formulir pendaftaran di atas dan melakukan sedikit modifikasi.

<html>
<head>
	<title>Simple Search Engine</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>

    <?php if (isset($_GET['form_submitted'])): ?>

        <h2>Search Results For <?php echo $_GET['search_term']; ?> </h2>
        <?php if ($_GET['search_term'] == "GET"): ?>

            <p>The GET method displays its values in the URL</p>

            <?php else: ?>
            	 <p>Sorry, no matches found for your search term</p>

            <?php endif; ?>

                <p>Go <a href="/id/search_engine.php">back</a> to the form</p>

                <?php else: ?>

                   <h2>Simple Search Engine - Type in GET </h2>

                   <form action="search_engine.php" method="GET">

                        Search Term:
                        <input type="text" name="search_term">
                        <br>
                            
			<input type="hidden" name="form_submitted" value="1" />

                       <input type="submit" value="Submit">
                       
                  </form>
               <?php endif; ?>
</body>
</html>

Lihat halaman di atas di browser web

Form berikut akan ditampilkan

Mesin Pencari Sederhana

Ketik GET dengan huruf besar lalu klik tombol kirim.

Berikut ini akan ditampilkan

Mesin Pencari Sederhana

Diagram di bawah menunjukkan URL untuk hasil di atas

Mesin Pencari Sederhana

Perhatikan bahwa URL telah menampilkan nilai search_term dan form_submit. Coba masukkan apa pun yang berbeda dari GET lalu klik tombol kirim dan lihat hasil apa yang akan Anda dapatkan.

Bekerja dengan kotak centang, tombol radio

Jika pengguna tidak memilih kotak centang atau tombol radio, tidak ada nilai yang dikirimkan, jika pengguna memilih kotak centang atau tombol radio, nilai satu (1) atau benar yang dikirimkan.

Kami akan mengubah kode formulir pendaftaran dan menyertakan tombol centang yang memungkinkan pengguna menyetujui persyaratan layanan.

<html>
<head>
	<title>Registration Form</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
    <?php if (isset($_POST['form_submitted'])): ?>
        <?php if (!isset($_POST['agree'])): ?>
            <p>You have not accepted our terms of service</p>
            <?php else: ?>
                <h2>Thank You <?php echo $_POST['firstname']; ?></h2>
                <p>You have been registered as
                    <?php echo $_POST['firstname'] . ' ' . $_POST['lastname']; ?>
                </p>
                <p> Go <a href="/id/registration_form2.php">back</a> to the form</p>
            <?php endif; ?>
            <?php else: ?>
                        <h2>Registration Form</h2>
                        <form action="registration_form2.php" method="POST">
                            First name:
                            <input type="text" name="firstname">                           
                            <br> Last name:
                            <input type="text" name="lastname">                            
                            <br> Agree to Terms of Service:
                            <input type="checkbox" name="agree">
                            <br>
                            <input type="hidden" name="form_submitted" value="1" />
                            <input type="submit" value="Submit">
                        </form>
	<?php endif; ?>
</body>
</html>

Lihat formulir di atas di browser

Bekerja dengan Kotak Centang, Tombol Radio

Isikan nama depan dan belakang

Perhatikan kotak centang Setuju dengan Persyaratan Layanan belum dipilih.

Klik tombol kirim

Anda akan mendapatkan hasil berikut ini

Bekerja dengan Kotak Centang, Tombol Radio

Klik kembali ke tautan formulir lalu pilih kotak centang

Bekerja dengan Kotak Centang, Tombol Radio

Klik tombol kirim

Anda akan mendapatkan hasil berikut ini

Bekerja dengan Kotak Centang, Tombol Radio

Kesimpulan

  • Formulir digunakan untuk mendapatkan data dari pengguna
  • Formulir dibuat menggunakan tag HTML
  • Formulir dapat dikirimkan ke server untuk diproses menggunakan metode POST atau GET
  • Nilai formulir yang dikirimkan melalui metode POST dienkapsulasi dalam badan HTTP.
  • Nilai formulir yang dikirimkan melalui metode GET ditambahkan dan ditampilkan di URL.