Membuat Formulir Input Data

Tanggal : 01 Sep 2018, Category : HTML, Create By : admin

Selamat datang kembali di website gudang ilmu aplikasi, kali ini kami akan membahas cara membuat formulir pendaftaran atau formulir input data (Pengisian Data), kali ini kami hanya membahas pembuatan formulir dan pengiriman data agar bisa di baca di bahasa pemprograman php, untuk penyimpanan datanya kita akan bahas di lain kesempatan, oke mari kita mulai tutorialnya.

Membuat Formulir Input Data (Pengisian Data)

Untuk membuat formulir pengisian data langkah pertama anda harus mengenal tag <form>, tag ini nantinya akan kita sering gunakan ketika anda membuat halaman pengisian data formulir, langsug saja berikut scriptnya

<form action="" name="frm" id="frm" method="post" enctype="multipart/form-data">
<input type="text" name="nama" id="nama" value="" /><br />
<input type="submit" name="simpan" id="simpan" value="Simpan" />
</form>

Untuk penjelasan script di atas sebagai berikut:

Atribute Action Form

Atribut action di gunakan untuk alamat pengiriman data, mau dikirim kemana data - data tersebut, bisanya diisi dengan url, jika anda tidak mengisi atribut action maka otomatis alamat pengirimanya adalah di url yang sama di mana halaman itu di tampilkan, Sebagai contoh gambar di bawah ini.

Jika anda tidak mengisi atribut action maka pengiriman datanya menuju localhost/materi. maka script penerima datanya ada di localhost/materi dalam kasius ini adalah di file index.php.

Atribute Name dan Id Form

Untuk atribut name dan id di gunakan untuk penamaan tag form saja. 

Atribute Method Form

Atribut method adalah atribut yang di gunakan untuk menentukan jenis data yang akan di kirim, secara value ada empat jenis pengiriman data yaitu:

  1. POST
  2. GET
  3. DELETE
  4. PUT

Tetapi dari keempat jenis tersebut kami hanya akan menjelaskan dua jenis saja yaitu post dan get, kenapa hanya dua, karena sepengetahuan dari kami hanya dua jenis tersebut yang bisa di baca oleh bahasa pemprograman php, dan hanya kedua jenis itu yang sering kami gunakan. Tetapi jika kami salah silahkan tinggal komentar berikut referensinya, agar kami bisa menambah ilmu juga.

  • GET

Jenis pengiriman get adalah jenis pengiriman dimana data yang di kirim akan di tampilkam di url browser, jenis pengiriman ini cenderung jarang di gunakan untuk pengiriman data yang berbentuk pendaftaran atau login karena data yang di kirim terlihat oleh pengguna, tetapi jenis pengiriman ini bisanya di pake untuk form pencarian. Berikut contohnya.

Bisa di lihat dari gambar di atas data yang saya kirim di tampilkan di dalam url. 

Kemudian untuk script penerima dengan bahasa pemprograman php sebagai berikut:

<?php 
if (!empty($_GET['nama'])){
echo $_GET['nama'];
}else{
echo '';
}
?>

dari script di atas echo $_GET['nama'] yang di gunakan untuk menangkap data get yang di kirim, saya menggunakan fungsi if  karena jika di url tidak ada variabel $_GET['nama'] maka hasil akan menapilkan error. Untuk $_GET['nama'] (nama) adalah name dari atribut form diatas.

  • POST

Selanjutnhya adalah post, jenis ini yang sering sekali di gunakan untuk jenis pengiriman data berbentuk pendaftaran dan login karena jenis ini data yang di kirim tidak seperti jenis pengiriman get yang di tampilkan di url, jenis post ini data yang di kirim di sembunyikan jadi pengguna tidak bisa melihat data yang di kirim. Berikut contohnya

ketika pengiriman data data tidak muncul di url, untuk script penerimanya sebagai berikut

<?php 
if (!empty($_POST['nama'])){
echo $_POST['nama'];
}else{
echo '';
}
?>

Berikut hasinlnya

Atribute Enctype Form

Atribut ini di gunakan untuk input data gambar dan file dokumen, atau dalam formulir anda user mengapload file gambar atau file dokumen

Mungkin itu saja yang bisa saya sampaikan jika ada pertanyaan silahkan isi kolom komentar di bawah terimakash.


Keyword:
  • membuat formulir input data
  • formulir pendaftaran
  • membuat formulir pendaftaran
  • post php
  • get php
  • method get
  • method post
  • action form
  • put
  • delete

Artikel Lain

How To Use If In Javascript

Date : 14 Feb 2023, Category : JavaScript, Create By : admin

In JavaScript, you can use the "if" statement to execute code based on a condition. The basic syntax is: if (condition) { // code to execute if the condition is true}  Here's .....

Html Paragraphs And How To Use Them

Date : 15 Feb 2023, Category : HTML, Create By : admin

HTML paragraphs are used to display blocks of text on a web page. Here's how to use them: To create a paragraph, use the <p> tag, like this:  <p>This is a paragraph .....

How To Make A Healthy Lifestyle A Daily Habit.

Date : 13 Feb 2023, Category : Health, Create By : admin

We all know how important a healthy lifestyle is, but how can we make it a part of our daily routines? Making big changes in our lives takes time and .....