HTML tại sao các nút trong biểu mẫu gửi dữ liệu?

Question

Đây là một câu hỏi rất thô sơ, nhưng tôi chắc chắn có ai đó ở đó biết tại sao. Trong HTML, khi tôi tự tạo một phần tử nút, và không cung cấp cho nó và onclick và không có jQuery .click() nút này sẽ không làm gì cả. Hoàn hảo. Nhưng khi tôi làm điều này và nút bên trong một phần tử <form>, nó cố gắng gửi dữ liệu GET của tất cả các phần tử biểu mẫu đến địa chỉ gốc của trang web của tôi? Tại sao nó làm điều đó? Tôi đã không làm cho nó một nút gửi hoặc thậm chí xác định method hoặc action trên biểu mẫu đó ??

Cảm ơn bạn đã thông tin trước!

** EDIT **

Đây là những gì tôi đã làm để khắc phục sự cố. Đối với các nút bên trong số <form>, hãy sử dụng:

<button type="button"></button> 

Và nó sẽ không làm bất cứ điều gì theo mặc định.

Answer 1

Như có thể thấy tại mục nhập MDN tương ứng, giá trị mặc định cho thuộc tính type của phần tử nút là submit. Vì vậy, nếu bạn bỏ qua hoặc không thay đổi nó thành button hoặc reset, hành vi mặc định sẽ bắt đầu và biểu mẫu được gửi.

<form action=""> 
    <button type="button">Nothing will happen</button> 
    <button>Form gets submitted</button> 
</form> 

Answer 2

Nó được thiết kế theo cách đó bởi vì đôi khi bạn cần biết nút WHICH đã được nhấn ở phía máy chủ. Nếu bạn muốn chức năng nút không có nút, hãy sử dụng thẻ A theo kiểu.

Answer 3

Nút được coi là điều khiển gửi trong biểu mẫu, không chắc chắn lý do.

Lý do nó được đăng lên thư mục gốc của bạn là vì bạn không chỉ định action và do đó mặc định được sử dụng.

Lý do sử dụng GET là vì đó là mặc định method.

Để ngăn chặn điều đó xảy ra, hãy thêm return false; vào cuối nút của bạn là onclick.

Answer 4

Tôi không làm cho nó một nút gửi

<button> yếu tố có a type attribute. The default value is submit. Đặt type="button" nếu bạn không muốn gửi biểu mẫu.

hoặc thậm chí xác định một phương pháp

method mặc định là GET

hoặc vị trí vào mẫu điều đó không ??

action mặc định là URI hiện tại.