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.

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.

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.