Tag Form atau Formulir di HTML

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. | Atribut | Contoh | Keterangan |
1. | action | action=”url” | Alamat data dikirimkan |
2. | method | method=”POST/GET” | Metode yang digunakan |
3. | target | target=”_blank” | Dihalaman yang sama/ tag baru/ window baru |
4. | enctype | enctype=”multipart/form-data” | digunakan untuk mengirim file |
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>

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.
No | Error | Cara Mengatasi |
1. | Halaman Tidak Ditemukan | Lihat url yang ditunjukan pada web browser. Perbaiki url pada atribut action. |
2. | Variabel nama tidak dikenali | Perhatikan penulisan besar kecil huruf (POST/GET). Pastikan nama variabel yang diambil sama dengan nama elemen form (atribut name=”x” sama dengan $_POST[‘x‘]). |
Latihan Membuat Form
Perhatikan gambar berikut.

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