Apa Tips Terbaik untuk Input Formulir HTML?

Input formulir Hyper Text Markup Language (HTML) adalah cara untuk mendapatkan informasi yang dimasukkan secara manual ke dalam halaman web. Jika perancang situs web ingin memberi pengguna kemampuan untuk memasukkan informasi, ia harus menggunakan formulir HTML untuk melakukannya. Ada beberapa kontrol input formulir HTML berbeda yang dapat ditempatkan di halaman web, beberapa di antaranya adalah bidang teks, tombol radio, kotak centang, dan tombol kirim. Saat membuat halaman web, cara tertentu untuk meletakkan komponen input formulir HTML ini dapat sangat membantu pengguna memahami apa yang dilakukan halaman tersebut, meskipun tidak secara eksplisit diterapkan oleh kode itu sendiri.

Saat membuat bidang teks HTML atau grup bidang teks, spasi dan pelabelan yang tepat membuat pemahaman pengguna menjadi lebih mudah. Bidang teks tidak berisi label itu sendiri, sehingga harus disejajarkan dengan label terpisah. Jika label ditambahkan ke bidang teks, itu bisa ditempatkan di mana saja di sekitar bidang teks. Sebagian besar pengguna berharap untuk melihat label ini di sebelah atau di atas bidang teks yang terkait, tanpa terlalu banyak ruang antara label dan bidang. Dari sudut pandang pengembang, menggunakan teks label sebagai nama internal bidang teks dapat membantu pemeliharaan formulir di masa mendatang.

Mengikuti praktik serupa untuk tombol radio dan kotak centang juga dapat membantu pemahaman pengguna. Tombol radio dan kotak centang harus memiliki label terpisah yang dilampirkan padanya, seperti bidang teks. Biasanya, mereka ditemukan dalam kelompok, meskipun tidak harus. Secara umum, menyimpan tombol radio dan kotak centang dalam grup terpisah paling mudah dipahami pengguna, daripada mencampur tombol radio dan kotak centang bersama dalam grup yang sama. Dalam grup ini, jika salah satu kotak atau tombol dipilih, menempatkan item yang dipilih sebagai elemen pertama grup membantu pengguna mengidentifikasi pilihan dengan jelas.

Tombol kirim mengirim semua informasi yang terkandung dalam kontrol input dari halaman web ke server untuk diproses. Biasanya, mereka diberi kode keras untuk mengatakan “kirim”, meskipun teks ini dapat diubah oleh pengembang. Pengguna berharap untuk melihat tombol-tombol ini di bagian bawah formulir hampir sepanjang waktu, meskipun terkadang tombol ini ditemukan di bagian atas formulir. Menempatkan tombol di bagian bawah formulir dan menatanya agar terlihat jelas biasanya cukup untuk membantu pengguna melihatnya.

Halaman yang berisi input formulir HTML biasanya dimaksudkan untuk berisi satu formulir dengan satu kesempatan untuk mengirimkan datanya. HTML tidak mengizinkan formulir ditempatkan di dalam satu sama lain, dan kontrol input formulir HTML yang sama tidak dapat digunakan dalam berbagai bentuk. Jika beberapa pengiriman diperlukan, pengguna biasanya mengharapkan beberapa formulir dan beberapa kumpulan input formulir HTML. Pengembang yang terampil dapat mengikat formulir-formulir ini bersama-sama dengan mulus.