Definisi Form dan Jenis Media Inputnya

Form adalah bagian pada HyperText Markup Language (HTML) yang dapat digunakan untuk membuat elemen formulir pada situs web. Berikut penjelasan selengkapnya mengenai form dipakai dalam program data komputer.

Definisi Form

Berdasarkan buku Bahasa HTML oleh L. Erawan, form adalah suatu bagian yang berfungsi sebagai input atau masukan dari pengguna yang kemudian akan diproses atau diolah agar dapat dipakai sesuai kebutuhan.

Secara singkat, form digunakan untuk mengirimkan data ke server. Contohnya, proses mengirimkan data, menghapus dan menyunting data, menjelajah (browse), serta lain sebagainya. Untuk membuat elemen form HTML diperlukan tag <form> sebagai berikut:

<form>

elemen-elemen input

</form>

Ilustrasi Form HTML. Foto : Pixabay.com

Jenis-jenis Media Input dalam Form

Mengutip buku Modul Praktikum Mata Kuliah Pemrograman oleh Bernadhed dan Mulia Sulistiyono, pada bagian form tersedia kontrol input yang digunakan untuk keperluan dalam memasukkan data input.

Elemen input tersebut juga digunakan untuk memperoleh informasi pengguna yang mengolah data. Adapun jenis-jenis media input dalam form adalah sebagai berikut:

1. Text Field

Pengisian informasi dalam bentuk teks pada form HTML dapat dilakukan dengan menggunakan dua buah elemen:textarea dan input.

Textarea digunakan untuk masukan teks yang terdiri dari beberapa baris. Sementara input dipakai untuk masukan teks yang hanya satu baris.

Penempatan elemen textarea dapat dilakukan dengan sederhana, hanya langsung memasukkan tag-nya, sebagai berikut:

<textarea>

</textarea>

Selain memberikan tag kosong seperti di atas, pengguna juga dapat mengisikan tag untuk mendapatkan nilai masukan standar:

<textarea>

Contoh isi textarea

</textarea>

2. Radio Button

Radio button digunakan untuk menyatakan pilihan yang bersifat tunggal. Umumnya, pada web elemen tersebut dipakai untuk kelengkapan pertanyaan seperti pada pendaftaran online. Hal yang ditanyakan biasanya adalah pilihan untuk menyatakan jenis kelamin, agama, ataupun sebagainya.

Radio button dibuat dalam HTML dengan menggunakan elemen input, dengan atribut type bernilai : code`radio`:

<input type = “radio” name=“sex” value=“pria”> Pria <br>

<input type = “radio” name=“sex” value=“wanita”> wanita

Dalam pembuatan elemen radio button, pengguna juga berkewajiban menambahkan dua atribut lainnya, yaitu name dan value.

Atribut name digunakan untuk memberitahukan browser bahwa radio button dengan atribut name yang sama merupakan kumpulan radio button yang sama. Sehingga pengguna tidak boleh memilih dua buah pilihan pada radio button tersebut.

3. Checkbox

Berbeda dengan radio button yang hanya memungkinkan pengguna memilih satu pilihan, pada input type checked box, pengguna dapat memilih satu atau beberapa pilihan atau tidak memilih sama sekali.

Pilihan ini biasanya dipakai untuk memasukkan data yang sifatnya opsional. Pengguna dapat memanfaatkan “Checkbox” pada atribut.

Input checkbox adalah sebuah masukan untuk memilih suatu opsi atau pilihan. Jika dipilih, pengguna akan mengecek (mencentang) dan jika tidak memilih akan dibiarkan saja.

Elemen ini sama seperti radio button, dibuat dengan elemen input yang nilai atribut type-nya berisikan checkbox :

<input type = “checkbox” name = “day” value= “senin” > senin <br>

(FNS)