Apakah atribut tindakan dan kaedah dari & lt; form & gt; Tag?

Tag <form></form> dalam HTML digunakan untuk membuat borang HTML untuk input pengguna. Dua sifat kritikal tag ini adalah atribut action dan method .

• Atribut Tindakan: Atribut action menentukan di mana untuk menghantar data borang apabila borang dikemukakan. Ia memerlukan URL sebagai nilainya. URL ini boleh berada di pelayan yang sama dengan dokumen HTML atau pada pelayan yang berbeza. Jika atribut action tidak ditentukan, data borang akan dihantar ke URL dokumen HTML yang mengandungi borang.
• Atribut Kaedah: Atribut method mentakrifkan kaedah HTTP yang akan digunakan semasa menghantar data borang. Ia boleh mempunyai satu daripada dua nilai: GET atau POST . Kaedah GET menambahkan data borang ke URL yang ditentukan dalam atribut action , dipisahkan oleh A ? . Kaedah POST menghantar data borang sebagai sebahagian daripada badan permintaan HTTP, yang tidak dapat dilihat dalam URL. Pilihan antara GET dan POST bergantung kepada sifat data dan pemprosesan data yang dimaksudkan.

Bagaimanakah atribut tindakan menentukan di mana data borang dihantar?

Atribut action tag <form></form> memainkan peranan penting dalam mengarahkan data borang ke destinasi yang betul untuk diproses. Apabila borang diserahkan, penyemak imbas membina permintaan HTTP dan menghantarnya ke URL yang ditentukan dalam atribut action . URL ini boleh menjadi URL mutlak (misalnya, https://example.com/process-form ) atau URL relatif (misalnya, /process-form ).

Inilah cara proses berfungsi:

1. Penyerahan Borang: Apabila pengguna mengklik butang Hantar, penyemak imbas memulakan proses penyerahan borang.
2. Pembinaan Permintaan HTTP: Penyemak imbas membina permintaan HTTP menggunakan kaedah yang ditentukan oleh atribut method . Data borang dikodkan mengikut kaedah ( GET atau POST ).
3. Menghantar data ke pelayan: Permintaan HTTP, termasuk data borang, dihantar ke URL yang ditentukan dalam atribut action .
4. Pemprosesan Pelayan: Pelayan di URL yang ditentukan menerima permintaan dan memproses data borang mengikut logik aplikasi sisi pelayan.

Dengan menentukan URL action yang betul, pemaju memastikan bahawa data bentuk mencapai titik akhir yang dimaksudkan untuk diproses, sama ada halaman pada pelayan yang sama atau perkhidmatan luaran.

Apakah perbezaan antara kaedah Get dan post dalam penyerahan bentuk?

Kaedah GET dan POST adalah cara utama untuk menghantar data borang dalam HTML, masing -masing dengan ciri -ciri dan kes penggunaan yang berbeza.

• Dapatkan Kaedah:

  • Pengekodan data: Data dilampirkan ke URL sebagai parameter pertanyaan, dipisahkan oleh ? . Sebagai contoh, jika data borang termasuk name=John&age=30 , URL mungkin kelihatan seperti https://example.com/process-form?name=John&age=30 .
  • Keterlihatan: Data dapat dilihat dalam URL, yang boleh menjadi kebimbangan keselamatan jika data sensitif dihantar.
  • Bookmarking and Caching: Oleh kerana data adalah sebahagian daripada URL, GET permintaan boleh ditandakan dan di -cache oleh penyemak imbas.
  • Had data: Terdapat had pada jumlah data yang boleh dihantar, biasanya sekitar 2048 aksara, disebabkan oleh sekatan panjang URL.
  • Idempotency: Dapatkan permintaan adalah idempotent, yang bermaksud banyak permintaan yang sama harus mempunyai kesan yang sama seperti permintaan tunggal.

• Kaedah Pos:

  • Pengekodan data: Data dihantar sebagai sebahagian daripada badan permintaan HTTP, yang tidak dapat dilihat dalam URL.
  • Keterlihatan: Data tidak dapat dilihat dalam URL, menjadikannya lebih selamat untuk menghantar data sensitif.
  • Bookmarking and Caching: Permintaan pos biasanya tidak ditandai atau dicatatkan oleh pelayar.
  • Had data: Tiada had ke atas jumlah data yang boleh dihantar, menjadikannya sesuai untuk penyerahan data yang besar.
  • Idempotency: Permintaan pos tidak idempotent, yang bermaksud banyak permintaan yang sama mungkin mempunyai kesan yang berbeza.

Memilih antara GET dan POST bergantung kepada tujuan borang. GET sesuai untuk mendapatkan semula data dan untuk bentuk di mana data tidak perlu disembunyikan, manakala POST lebih disukai untuk borang yang menghantar data sensitif, melakukan tindakan yang mengubah keadaan pelayan, atau menghantar sejumlah besar data.

Apakah atribut lain yang boleh digunakan dengan tag

Beberapa atribut lain boleh digunakan dengan tag <form></form> untuk meningkatkan fungsi dan pengalaman pengguna. Berikut adalah beberapa atribut utama:

• Nama: Menentukan nama untuk borang, yang boleh berguna untuk JavaScript untuk merujuk borang. Contoh: <form name="myForm"></form> .
• ID: Menetapkan pengecam unik kepada bentuk, yang boleh digunakan dalam CSS dan JavaScript. Contoh: <form id="contactForm"></form> .

• Enctype: Menentukan bagaimana data borang harus dikodkan apabila diserahkan. Nilai biasa termasuk:

  • application/x-www-form-urlencoded (lalai): Pengekodan standard.
  • multipart/form-data : Diperlukan apabila borang termasuk muat naik fail.
  • text/plain : Jarang digunakan, untuk penyerahan teks biasa.

• Sasaran: Menentukan di mana untuk memaparkan respons yang diterima selepas mengemukakan borang. Nilai biasa termasuk:

  • _self (lalai): Dibuka dalam tetingkap/tab yang sama.
  • _blank : Dibuka dalam tetingkap/tab baru.
  • _parent : Dibuka dalam bingkai induk.
  • _top : Dibuka dalam badan penuh tingkap.
• AutoComplete: Kawalan sama ada borang itu harus diaktifkan secara autocomplete. Nilai on (lalai) atau off . Contoh: <form autocomplete="off"></form> .
• Novalidate: Menentukan bahawa borang itu tidak boleh disahkan apabila diserahkan. Contoh: <form novalidate></form> .
• Terima-Charset: Menentukan pengekodan watak yang akan digunakan untuk penyerahan borang. Contoh: <form accept-charset="UTF-8"></form> .

Atribut ini membolehkan pemaju menyesuaikan tingkah laku bentuk, meningkatkan keselamatan, meningkatkan kebolehgunaan, dan mengintegrasikan bentuk ke dalam aplikasi web yang lebih kompleks.