Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menghalang Butang HTML daripada Menghantar Borang Tanpa Jangka?

Bagaimanakah Saya Boleh Menghalang Butang HTML daripada Menghantar Borang Tanpa Jangka?

Mary-Kate Olsen
Lepaskan: 2024-12-25 15:12:10
asal
653 orang telah melayarinya

How Can I Prevent HTML Buttons from Unexpectedly Submitting Forms?

Menghalang Penyerahan Borang Butang

Dalam senario tertentu, anda mungkin menghadapi situasi di mana butang, seperti butang yang dilabel "alih keluar," secara tidak dijangka menyerahkan borang. Untuk menyelesaikan isu ini, mari kita terokai punca dan penyelesaiannya.

Seperti yang dinyatakan dalam kod yang disediakan, butang HTML5 mempunyai tingkah laku lalai untuk menyerahkan borang yang mengandungi. Tingkah laku ini ditakrifkan dalam spesifikasi Butang HTML5 W3C. Untuk mengatasi lalai ini dan menghalang butang daripada menyerahkan borang, anda mesti menyatakan jenisnya secara eksplisit menggunakan atribut "jenis".

Dalam kod yang diubah suai di bawah, butang "alih keluar" mempunyai jenisnya ditetapkan kepada "butang ":

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>
Salin selepas log masuk

Dengan menyatakan jenis "butang", butang akan mengekalkan fungsinya tanpa mencetuskan borang penyerahan.

Sebagai alternatif, anda boleh menggunakan elemen alternatif seperti teg atau elemen dengan pengendali acara klik untuk mensimulasikan gelagat butang tanpa mewarisi tindakan penyerahan borang lalai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Butang HTML daripada Menghantar Borang Tanpa Jangka?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan