एचटीएमएल फॉर्म में बटन क्यों डेटा भेजते हैं?

Question

यह एक बहुत ही प्राथमिक सवाल है, लेकिन मुझे यकीन है कि वहां कोई व्यक्ति जानता है कि क्यों। एचटीएमएल में, जब मैं स्वयं बटन बटन बना देता हूं, और इसे नहीं देता और onclick और कोई jQuery .click() बटन कुछ भी नहीं करेगा। उत्तम। लेकिन जब मैं ऐसा करता हूं और <form> तत्व के अंदर बटन, तो यह मेरी वेबसाइट के रूट पते पर सभी फॉर्म तत्वों का डेटा डेटा भेजने का प्रयास करता है? ऐसा क्यों कर रहा है? मैंने इसे सबमिट बटन नहीं बनाया है या उस फॉर्म पर method या action भी परिभाषित किया है ??

अग्रिम जानकारी के लिए धन्यवाद!

** संपादित करें **

यह है कि मैं क्या समस्या को ठीक करने किया था। <form> अंदर बटन के लिए, का उपयोग करें:

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

और यह डिफ़ॉल्ट रूप से कुछ नहीं करेंगे।

Answer 1

संबंधित MDN प्रविष्टि पर देखा जा सकता है, type के लिए डिफ़ॉल्ट मान एक बटन तत्व की संपत्ति submit है। इसलिए यदि आप इसे छोड़ देते हैं या button या reset पर नहीं बदलते हैं, तो डिफ़ॉल्ट व्यवहार में लाया जाएगा और फ़ॉर्म सबमिट हो जाएगा।

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

Answer 2

यह इस तरह से डिज़ाइन किया गया था क्योंकि आपको कभी-कभी यह जानने की आवश्यकता होती है कि सर्वर-साइड पर कौन सा बटन दबाया गया था। यदि आप बटन के बिना बटन कार्यक्षमता चाहते हैं, तो स्टाइल ए-टैग का उपयोग करें।

Answer 3

बटनों को फ़ॉर्म में जमा नियंत्रण के रूप में माना जाता है, सुनिश्चित नहीं है कि क्यों।

यह आपकी रूट पर पोस्ट होने का कारण है क्योंकि आपने action निर्दिष्ट नहीं किया है और इसलिए डिफ़ॉल्ट का उपयोग किया जाता है।

इसका उपयोग करने का कारण यह है क्योंकि यह डिफ़ॉल्ट method है।

ऐसा होने से रोकने के लिए, अपने बटन के onclick के अंत में return false; जोड़ें।

Answer 4

मैं इसे एक सबमिट बटन

<button> तत्वों a type attribute. The default value is submit है नहीं किया। अगर आप इसे फॉर्म जमा नहीं करना चाहते हैं तो type="button" सेट करें।

या यहाँ तक कि परिभाषित एक विधि

methodGET

या कि फार्म पर स्थान पर चूक ??

action वर्तमान यूआरआई के लिए डिफ़ॉल्ट।