Bagaimana untuk Menghentikan Butang Luaran daripada Menghantar Borang dalam 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!