Pengenalan Form dalam HTML
Form termasuk elemen penting di HTML karena berfungsi mengumpulkan data dari pengguna. Hampir semua website interaktif memanfaatkan form, mulai dari pendaftaran, login, kuisioner, hingga upload file. Dengan berbagai jenis input yang tersedia, pengembang dapat menyesuaikan form sesuai kebutuhan.
1. Control List, Radio Button, dan Checkbox
Tag <select> dengan beberapa <option> membentuk control list. Elemen ini efektif untuk pilihan tunggal dari daftar panjang, misalnya provinsi atau jurusan. Radio button juga hanya memperbolehkan satu jawaban, contohnya pada pilihan jenis kelamin. Berbeda dengan radio button, checkbox memberi kebebasan memilih lebih dari satu opsi, seperti hobi atau minat.
2. Input Color, Date, dan Password
Warna bisa dipilih melalui input color dengan palet interaktif sehingga pengguna tidak perlu mengetik kode manual. Untuk memilih tanggal, input date menampilkan kalender bawaan dan dapat dibatasi dengan nilai minimum serta maksimum. Sedangkan input password menjaga kerahasiaan dengan mengganti karakter yang diketik menjadi simbol bintang atau titik.
3. Submit, Reset Button, dan Input File
Data form dapat dikirim menggunakan tombol submit, sedangkan tombol reset menghapus semua isian agar kembali kosong. Fitur input file memungkinkan pengguna mengunggah dokumen, foto, atau video. Elemen ini sering muncul pada formulir lamaran kerja, pengumpulan tugas, maupun upload dokumen resmi.
4. Input Range, Hidden Input, dan Number dengan Batasan
Kontrol geser dari input range memudahkan pengguna memilih angka dalam rentang tertentu, misalnya volume 0–100. Data tersembunyi bisa dikirim melalui hidden input meskipun tidak terlihat di layar, biasanya untuk identifikasi atau kode sesi. Sementara itu, input number digunakan untuk memasukkan angka dengan batas minimum dan maksimum, misalnya usia 18–60 tahun.
HTML form menyediakan elemen input yang fleksibel, mulai dari pilihan sederhana hingga fitur keamanan. Dengan memanfaatkan input yang tepat, pengembang dapat membangun form yang interaktif, aman, dan sesuai kebutuhan pengguna.
