Belajar HTML Part 15: Membuat Form Di HTML

Cara Membuat Form Di HTML

Selamat datang di artikel belajar HTML dasar untuk pemula bagian 15, yaitu cara membuat form sederhana di HTML. Pada bagian ini kamu akan mengenal apa itu form dan bagaimana cara membuat form di HTML.
Form adalah sebuah tempat penginputan data yang nantinya data tersebut akan diproses dan tersimpan disuatu server. Form biasanya mengambil data dari pengunjung website atau user yang menggunakan form itu sendiri.
Contohnya seperti form login, form registrasi online, form pencatatan data karyawan dan lain sebagainya. Ketika kita mengisi suatu form, maka yang kita isi itu adalah sebuah data.
Disini yang akan kita bahas cara membuat formnya saja ya, untuk proses datanya tidak kita bahas.

Cara Membuat Form Di HTML

Untuk membuat Form di HTML, kita membutuhkan tag <form>. Akan tetapi, kita membutuhkan beberapa atribut pendukung untuk membuat form. Seperti,
  • Atribut action, digunakan untuk menentukan lokasi data, ketika data telah tersubmit atau terkirim.
  • Atribut method, digunakan untuk menentukan metode pengiriman data.

Contoh:

Setelah seseorang mengisi form, data akan diproses di proses.php menggunakan metode POST.
Sekarang, kita membutuhkan sebuah inputan yang digunakan untuk melakukan pengisian pada form, agar form tersebut bisa diisi sesuatu dengan tugasnya.
Contoh:

  • type=”text” adalah tipe inputannya, karena memasukan “text” berarti tipe inputannya nanti yang harus dimasukan adalah teks.
  • name=”username” adalah nama inputannya, yang berarti inputannya untuk memasukan sebuah username.
  • placeholder=”username…” berfungsi untuk memberikan keterangan pada form inputan.

Membuat Form Pendaftaran

Sekarang kita coba buat sebuah form pendaftaran sederhana dengan inputan sebagai berikut:

  • Nama Depan
  • Nama Belakang
  • Username
  • Password
  • Email
  • Jenis Kelamin

Membuat Form Pendaftaran Di HTML

Pada kode diatas ditambahkan juga <fieldset> untuk membuat garis, fungsi sebenarnya untuk mengelompokan beberapa element didalam sebuah form.

Ada juga <legend> yang berfungsi sebagai caption atau judul dari <fieldset>.
Sampai sini kamu sudah berhasil membuat sebuah form di HTML, selanjutnya kamu bisa mengembangkannya dengan menambahkan CSS di dalamnya atau menggabungkannya dengan bahasa pemrograman PHP agar ketika tombol “SUBMIT/LOGIN/DAFTAR” nya ditekan, dia bisa benar-benar di proses.

Leave a Reply

Your email address will not be published. Required fields are marked *