Formulir HTML adalah alat yang sangat ampuh untuk berinteraksi dengan pengguna, tetapi untuk alasan teknis tidak selalu jelas bagaimana menggunakannya secara maksimal. Mengirimkan data saja tidak cukup dalam kasus ini - Anda juga perlu memastikan bahwa data yang diisi pengguna dalam formulir akan dikirim dalam format yang benar yang diperlukan agar berhasil diproses dan ini tidak akan merusak aplikasi yang ada. Penting juga untuk membantu pengguna mengisi formulir dengan benar dan tidak frustrasi saat mencoba menggunakan aplikasi.
Tag digunakan untuk membuat formulir HTML. Itu tidak benar-benar membuat margin, tetapi digunakan sebagai wadah induk untuk elemen seperti. Baik Anda ingin membuat formulir berlangganan sederhana dengan pembayaran dan pembayaran reguler, atau aplikasi web interaktif, Anda harus menggunakan tag elemen HTML agar berfungsi, yang terpenting adalah.
Bagaimana standarFormulir HTML
Bentuk HTML diciptakan dan sebagian besar distandarisasi sebelum munculnya JavaScript asinkron dan aplikasi web yang kompleks. Saat ini, input formulir, tombol, dan mekanisme interaksi lainnya digunakan, tetapi intinya adalah sistem yang didasarkan pada paradigma permintaan dan respons
Saat pengguna memuat halaman, permintaan http dikirim (biasanya disebut permintaan GET). Ini dikirim oleh browser Anda ke server, dan biasanya server merespons dengan halaman web yang dicari pengguna. Interaksi ini adalah salah satu konsep paling mendasar dari Internet. Dan itu menjelaskan dengan tepat bagaimana bentuk HTML bekerja.
Proses pertukaran informasi dengan server
Each, yang menyertakan elemen seperti, terletak di dalam dan memiliki atribut name (nama), serta nilainya. Nilai didefinisikan dengan cara yang berbeda. Untuk teks, ini akan menjadi nilai yang dimasukkan ke dalam bidang oleh pengguna situs. Untuk tombol radio, nilai opsi yang dipilih. Pengguna dapat mengatur nilai, tetapi paling sering tidak dapat mengatur atribut nama. Ini menciptakan satu set pasangan nama/nilai di mana nilainya ditentukan oleh input pengguna.
Perbedaan utama antara formulir dan dokumen HTML biasa adalah, dalam banyak kasus, data yang dikumpulkan oleh formulir dikirim ke server web. Dalam hal ini, Anda perlu menyiapkan server web untuk menerima dan memproses data. atribut tindakan tagmenentukan lokasi (URL) di mana data yang dikumpulkan harus dikirim.
Seperti apa respons server
Saat formulir dikirimkan, pasangan nama-nilai dan semua bidang dalam elemen disertakan dalam HTTP. Permintaan dibuat ke URL yang ditentukan dalam bentuk atribut tindakan. Jenis permintaan (GET atau POST) akan berada dalam atribut metode. Ini berarti bahwa semua data yang diberikan pengguna dikirim ke server segera setelah formulir dikirimkan, dan server dapat melakukan apa pun yang diinginkannya dengan data tersebut. Saat server menerima pengiriman formulir, server akan memperlakukannya seperti permintaan HTTP lainnya. Server melakukan apa pun yang perlu dilakukan dengan data yang disertakan dan mengeluarkan respons kembali ke browser.
Jika Anda ingat bahwa memuat halaman adalah jawabannya, Anda akan melihat bahwa hal yang sama terjadi di sini. Dalam bentuk khas yang dibuat dengan tag, responsnya adalah halaman baru yang dimuat oleh browser. Biasanya, halaman baru menggantikan konten saat ini, tetapi ini dapat diganti dengan atribut target. Sebagian besar formulir online bekerja dengan cara ini, itulah sebabnya pengguna akan dikirim ke halaman Terima Kasih ketika mereka mengisi formulir berlangganan email.
Aplikasi dan formulir web tanpa tag
Aplikasi web interaktif modern menggunakan kode JavaScript untuk membuat permintaan http asinkron. Ini adalah panggilan ke server yang tidak menyebabkan halaman dimuat ulang. Mereka tidak bergantung pada tag - elemen HTML yang dibangun ke dalam perilaku. Mereka tidak menggabungkan semua data menjadi satu kesatuan.pengguna dan tidak mengirimkannya segera. Untuk alasan ini, banyak desainer tata letak HTML + JS di aplikasi web tidak menggunakan tag di semua formulir. Lebih sering, mereka hanya menggunakannya sebagai semacam wadah untuk berbagai jenis bidang dan elemen input. Dalam hal ini, atribut metode dan tindakan yang digunakan tidak akan terlihat.
Lebih lanjut tentang formulir
Formulir HTML adalah salah satu sorotan interaksi pengguna dengan situs web atau aplikasi. Mereka memungkinkan pengguna untuk mengirimkan data ke situs. Sebagian besar waktu, data dikirim ke server web, tetapi halaman web juga dapat mencegatnya untuk digunakan sendiri. Ada banyak elemen terkait formulir - berbagai jenis tombol, pemilih untuk berbagai jenis, mekanisme umpan balik. Oleh karena itu, mungkin sulit untuk memutuskan nilai apa yang akan diberikan ke atribut tag. Saat membuat formulir, Anda harus membuatnya berfungsi pada ukuran layar yang berbeda. Penting untuk membuat mereka dapat diakses oleh penyandang disabilitas. Inilah sebabnya mengapa formulir dan tag atribut mungkin merupakan aspek paling kompleks dari HTML.
Terdiri dari apa bentuknya
Bentuk HTML terdiri dari satu atau lebih widget. Mereka dapat berupa bidang teks satu baris atau multi-baris, kotak pilih, tombol, atau tombol radio. Mereka paling sering dikaitkan dengan atribut yang menjelaskan tujuannya - diterapkan dengan benar dapat dengan jelas menginstruksikan pengguna yang dapat melihat dan buta tentang cara menuju ke formulir input. Atributterkait dengan benar dengan atribut for dan id masing-masing. Label for kemudian merujuk ke atribut id dari widget yang sesuai, dan pembaca layar, yang menggunakannya, akan membacakan apa yang tertulis di dalamnya.
Selain struktur khusus untuk tag, penting untuk diingat bahwa formulir hanyalah kode HTML. Ini berarti Anda dapat menggunakan kekuatan penuh HTML untuk menyusun formulir Anda. Praktik umum adalah menggunakan tag untuk membungkus elemen yang ditandai dengan
. Daftar HTML juga banyak digunakan; beberapa kotak centang atau tombol radio digunakan untuk penataan. Setelah membuat bidang input, tetap menambahkan tombol menggunakan tag dan memeriksa hasilnya. Fleksibilitas bentuk HTML menjadikannya salah satu struktur paling kompleks dalam format HTML. Namun dengan struktur yang tepat saat membuat formulir HTML, Anda dapat memastikan bahwa formulir tersebut dapat digunakan dan diakses.
