Bagaimanakah Saya Boleh Menghalang Elemen Butang daripada Menghantar Borang?

Boleh Elemen Dikonfigurasikan untuk Mengelakkan Penyerahan Borang?

Dilema biasa timbul apabila menggunakan kedua-dua dan elemen dalam bentuk, setiap satu mempunyai tujuan yang berbeza. Semasa elemen sering digunakan untuk tujuan penggayaan, ia mewarisi tingkah laku lalai menghantar borang apabila diklik. Ini boleh menimbulkan cabaran jika bertujuan untuk melakukan tindakan tanpa mencetuskan penyerahan borang.

Untuk menyelesaikan teka-teki ini, kuncinya terletak pada mengubah suai atribut jenis . Secara lalai, ia ditetapkan kepada "serahkan," menyebabkan borang diserahkan. Walau bagaimanapun, menetapkannya kepada "butang" dengan berkesan membatalkan tingkah laku lalai ini.

Contoh:

Pertimbangkan kod HTML berikut:

<button type="submit">Submit</button>
<a href="index.html"><button>Cancel changes</button></a>

Dalam contoh ini, butang pertama menyerahkan borang, manakala butang kedua menavigasi ke halaman "index.html". Walau bagaimanapun, jika matlamatnya adalah untuk menggayakan butang "Batalkan perubahan" dengan UI jQuery tanpa menyebabkan penyerahan borang, pengubahsuaian atribut sepatutnya kelihatan seperti ini:

<a href="index.html"><button type="button">Cancel changes</button></a>

Dengan menetapkan jenis kepada "butang," butang mengekalkan kebolehan penggayaannya tanpa mencetuskan penyerahan borang.

Nota:

Ia adalah perlu diingat bahawa menyatakan type="button" dalam markup HTML ialah pendekatan yang lebih bersih dan cekap daripada bergantung pada pengendali acara JavaScript untuk menghalang penyerahan borang.

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