Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menghentikan Butang Luaran daripada Menghantar Borang dalam HTML?

Bagaimana untuk Menghentikan Butang Luaran daripada Menghantar Borang dalam HTML?

Barbara Streisand
Barbara Streisandasal
2024-10-26 16:22:02310semak imbas

How to Stop an External Button from Submitting a Form in HTML?

Cara Mencegah Butang HTML daripada Menghantar Borang

Dalam pembangunan web, meletakkan butang di luar borang biasanya membenarkan anda melaksanakan JavaScript atau tindakan tersuai lain apabila mengklik. Walau bagaimanapun, dalam kes tertentu, butang luaran ini mungkin secara tidak sengaja menyerahkan borang yang diletakkan berdekatan. Ini boleh mengecewakan apabila anda mahu butang melaksanakan fungsi yang berasingan.

Pertimbangkan senario berikut:

<code class="html"><form id="myform">
    <label>Label <input /></label>
</form>
<button>My Button</button></code>

Apabila anda mengklik elemen "Butang Saya", anda mungkin menjangkakan ia akan mencetuskan JavaScript. Walau bagaimanapun, ia secara tidak dijangka menyerahkan borang saya.

Untuk menyelesaikan isu ini, kod HTML butang mesti diubah suai untuk menghalangnya daripada menyerahkan borang:

<code class="html"><button type="button">My Button</button></code>

Menambah atribut jenis dengan nilai daripada "butang" dengan jelas menyatakan bahawa butang itu tidak bertujuan untuk menyerahkan borang, dengan itu melumpuhkan fungsi serahnya.

Kemas kini (5 Februari 2019):

Menurut kepada HTML Living Standard dan spesifikasi HTML 5, ketiadaan atribut jenis atau nilai yang tidak sah untuk atribut jenis menyebabkan butang menjadi lalai kepada keadaan Butang Hantar.

Atas ialah kandungan terperinci Bagaimana untuk Menghentikan Butang Luaran daripada Menghantar Borang dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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