Implementasi pengiriman formulir dalam html

Penulis：Eve Cole Waktu Pembaruan：2025-01-18 12:48:01

kode penyerahan formulir

1. Analisis kode sumber

 <!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <meta http-equiv=X-UA -Konten yang kompatibel=ie=Edge> <title>Dokumen</title></head><body><form action=/form.html method=GET> <!-- tindakan: Alamat pengiriman formulir --> <!-- metode: metode pengiriman kebijakan --><div class=name> <label for=name>nama pengguna</label> <input type=text name=name id=name placeholder = Silakan masukkan nama pengguna> <!-- placeholder adalah teks perintah transparan--></div><div class=password> <label for=password>Password</label> <input type=password name=password id= kata sandi placeholder=Silakan masukkan kata sandi></div><div class=sex> <label for=sex>gender</label> <input type=radio name=sex value=male>Pria<input type=radio name=sex value= perempuan>Wanita</div><div class=city> <label for=city>Kota favorit</label> <select name=city id=city> <option value=beijing>Beijing</option> <option value=shanghai>Shanghai</option> <option value=chongqing dipilih >Chongqing</option> <!-- dipilih menunjukkan opsi yang dipilih untuk ditampilkan pada halaman--> </select></div><kelas div =hobby > <label for=hobby>Hobby</label> <input type=checkbox name=hobby value=read>Membaca<input type=checkbox name=hobby value=flower>Merangkai bunga<input type=checkbox name=hobby value=sing>Bernyanyi<!-- Semua nama opsi harus sama--></div><div class=area> <textarea id=area name=area cols=30 row=10></textarea></ div> <button>button</button><!-- Formulir dapat dikirimkan--><input type=submit value=submit> <!-- Formulir dapat dikirimkan--><input type=button value=button><!-- Formulir tidak dapat dikirimkan--><input type=reset value=reset><!-- Reset konten yang telah dimasukkan dalam formulir--></form></body> < /html>

2. Pengoperasian terminal

Buka terminal gitbash dan alihkan ke folder tempat html berada

Gunakan baris perintah http-server untuk membuka server statis. Setelah dibuka, dua alamat IP akan muncul. 127.xxx adalah alamat akses lokal, dan 125.xxx adalah alamat akses LAN (premisnya di sini adalah nodejs telah diinstal dan server http-server telah diinstal dengan npm)

Buka file html dengan browser. Gunakan http://127.0.0.1:8080 untuk mengganti alamat file lokal.

Klik check-network-header untuk melihat informasi yang dikirimkan oleh formulir.

3. Perbedaan antara metode get dan post

get menggabungkan data yang dikirimkan ke dalam URL menggunakan &, yang menjadi konten kueri di objek URL. Tapi url postingannya sangat bersih
Jumlah data yang dikirimkan bervariasi, dan get dapat mengirimkan hingga 1k data. Jika batas browser terlampaui, data akan terpotong. Posting secara teoritis tidak terbatas, tunduk pada batasan server
Data yang dikirimkan oleh get ada dalam riwayat browser dan memiliki keamanan yang buruk
Yang penting dari mendapatkan adalah memberi, yang penting dari posting adalah memberi

4. Hal-hal yang perlu diperhatikan

Semua tag masukan harus ditambahkan dengan atribut nama, jika tidak, data tidak dapat diterima dengan benar.

Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.