Form dan Input HTML & Elemen Label, Fieldset dan Legend

1. Form dan Input HTML

Form merupakan salah satu elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Umumnya pengolahan form dilakukan pada server dengan menggunakan skrip yang bersifat server-side seperti PHP, ASP dan lain sebagainya. ). Untuk membuat form digunakan tag awal <form> dan tag penutup </form>.

Sintaks penulisannya :

<form action=”url” method=”get|post”>
</form>

Jenis Masukan dalam Form
Jenis masukan dalam satu formulir dibedakan menjadi :

• Text, digunakan untuk mengisi suatu nilai dapat berupa teks atau angka.

• Radio, elemen isian berupa pilihan dimana hanya satu pilihan yang dapat dilakukan.

• Checkbox, elemen yang menyediakan beberapa pilihan bisa lebih dari satu.

• List, elemen pilihan dalam bentuk daftar.

• Button, elemen berupa tombol untuk melakukan suatu proses.

• Submit, elemen tombol yang digunakan untuk memanggil url.

• Reset, elemen tombol yang digunakan untuk mengembalikan kondisi awal.

• Image, digunakan sebagai pengganti button, berupa gambar yang dapat melakukan proses.

• Textarea, elemen yang dapat menampung kumpulan teks ketikan dari user.

• File, elemen button yang dapat memanggil file atau gambar dari storage.

• Password, elemen berupa teks yang khusus digunakan untuk mengisi password.

Tag <TEXTAREA>
Tag <TEXTAREA> digunakan untuk membuat sebuah kotak teks multi baris. Tag ini mempunyai beberapa atribut, yaitu :

Tag <SELECT>
Tag <SELECT> digunakan untuk membuat sebuah daftar pilihan. Tag ini memiliki beberapa atribut, yaitu :

Tag <INPUT>
Tag <INPUT> digunakan untuk membuat komponen-komponen yang digunakan untuk meminta informasi dari user, misalnya kotak teks, kotak pilihan, tombol dan lain-lain. Tag ini tidak memerlukan tag penutup. Tag ini mempunyai beberapa atribut, yaitu :

Tipe input yang dapat dibuat adalah :

• Text, digunakan untuk membuat kotak teks

• Password, digunakan untuk membuat kotak teks, tetapi semua karakter akan ditampilkan dengan tanda *.

• Check Box, digunakan untuk membuat suatu daftar pilihan yang dapat dipilih lebih dari satu.

• Radio, digunakan untuk membuat suatu daftar pilihan yang hanya dapat dipilih satu saja.

• File, digunakan untuk memanggil file atau gambar dari storage.

• Hidden, Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh browser.

• Reset, digunakan untuk membuat tombol yang fungsinya untuk menghapus semua isian form yang telah diberikan.

• Submit, digunakan untuk membuat tombol yang fungsinya untuk mengirimkan data form agar diolah.

 

 

2. Elemen Label, Fieldset dan Legend

Elemen label memberikan fasilitas untuk menambahkan teks pada elemen masukan form. Elemen ini diisikan dengan deskripsi dari elemen masukan yang ingin ditambahkan dan harus memiliki atribut for. Atribut for pada elemen label berisikan nilai yang sama dengan atribut id pada elemen masukan form. Pengisian nilai yang sama akan mengikatkan elemen label dengan elemen masukan sehingga pengguna dapat langsung mengisikan nilai dengan melakukan klik teks yang dihasilkan oleh elemen label. Elemen fieldset merupakan elemen yang digunakan untuk membungkus beberapa elemen masukan form, untuk menandakan bahwa elemen-elemen tersebut merupakan elemen masukan yang berada pada satu grup yang sama, atau saling berhubungan. Sedangkan Elemen legend digunakan untuk memberikan judul pada sebuah fieldset.

Sintaks penulisannya :

<fieldset>
<legend>Judul</legend>
</fieldset>