Tag Form atau Formulir di HTML

Dipublikasikan oleh Muhammad Zen pada

Form
Contoh Form

Halo teman-teman semua. apa kabar?. semoga dalam keadaan sehat dan bahagia. Kali ini kita akan membahas tag form atau formulir di html. Jika kamu belum mengikuti materi sebelumnya, silahkan kunjungi halaman kursus.

Pendahuluan

Beberapa elemen form sudah kita bahas pada materi-materi sebelumnya. Beberapa penggunaan tag form juga sudah dilakukan. Namun belum penjelasan secara rinci mengenai tag form. Oleh sebab itu maka pada kesempatan ini kita akan mengupas tuntas tag form tersebut.

Pengertian Elemen Form

Elemen form adalah tag-tag html yang digunakan untuk menerima masukan atau input dari pengguna. Contoh elemen form antara lain :

  • Input field
  • Select
  • Radio Button
  • CheckBox
  • Button
  • dll

Pengertian Tag Form

Tag form adalah tag yang digunakan sebagai bungkus dari tag-tag elemen form. Form sendiri seperti lembar kosong. Kamu hanya bisa melihat elemennya di halaman web. Jadi, form adalah tempat menuliskan alamat tujuan pengiriman dan metode nya (GET/POST). Namun ada juga pengaturan atau atribut lain jika diperlukan.

Baik, langsung saja kita lihat tag form tersebut.

<form>
  <!-- elemen form -->
</form>

Jadi tag form hanya sesederhana itu. Tag form buka dan form tutup. Yang digunakan untuk membungkus elemen-elemen form.

Atribut Tag Form

Atribut yang dapat digunakan pada tag form diantaranya adalah sebagai berikut.

No.AtributContohKeterangan
1.actionaction=”url”Alamat data dikirimkan
2.methodmethod=”POST/GET”Metode yang digunakan
3.targettarget=”_blank”Dihalaman yang sama/ tag baru/ window baru
4.enctypeenctype=”multipart/form-data”digunakan untuk mengirim file
atribut tag form

Contoh Tag Form

Berikut ini contoh pengiriman data melalui tag form. Pada saat pengirima bagian atau atribut yang perlu diperhatikan adalah:

  • Atribut action=”URL_tujuan” (Tag form)
  • Atribut method=”POST/GET” (Tag form)
  • Atribut name=”nama_elemen” (Tag elemen form)
<!-- form.php-->
<form method="POST" action="aksi.php">
  <input name="brg" type="text">
  <button type="submit">Kirim</button>
</form>
Form

Untuk mengambil data dua hal yang perlu diingat yaitu:

  • Atribut method (Tag form)
  • Atribut name (Tag elemen form)
<?php
  //aksi.php
  $_POST['brg']
?>

Dapat dilihat cara mengambil data pada kode di atas. sesuai dengan method pada tag form. Jadi jika method nya GET. maka mengambilnya juga GET.

Kesalahan Yang Sering Terjadi

Ada beberapa kesalahan atau error ketika belajar mengenai form ini. Berikut kesalahan yang mungkin terjadi.

NoErrorCara Mengatasi
1.Halaman Tidak DitemukanLihat url yang ditunjukan pada web browser. Perbaiki url pada atribut action.
2.Variabel nama tidak dikenaliPerhatikan penulisan besar kecil huruf (POST/GET). Pastikan nama variabel yang diambil sama dengan nama elemen form (atribut name=”x” sama dengan $_POST[‘x‘]).
Cara menangani error form

Latihan Membuat Form

Perhatikan gambar berikut.

Latihan Membuat Form. Tag Form atau Formulir di HTML
Nama file registrasi.php

Kirimkan data ke aksi_registrasi.php dan tampilkan dalam tabel dengan nama kolom, Nama, No. HP, Email, dan Status. Untuk status terdiri dari member dan non-member.

Sekian untuk materi kali ini. Jika kamu ingin kursus secara langsung, kami membuka kelas baru. Silahkan hubungi kontak kami di menu.


0 Komentar

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *