हम HTML5 में कई सबमिट बटन कैसे संभाल सकते हैं?


जवाब 1:

आपके HTML में, आपको पूरी तरह से एकाधिक सबमिट इनपुट फ़ील्ड रखने की अनुमति है। क्या एक को दूसरे से अलग करता है जो आप अपने 'नाम' और 'मूल्य' विशेषता के लिए चुनते हैं:

इस उदाहरण सर्वर साइड (PHP में यहाँ) के परिणाम को देखने पर, आप देखेंगे कि 'कार्रवाई' $ _POST परिणाम में दिखाई देती है। 'एक्शन' का मूल्य बटन का नाम होगा, जिसे 'मूल्य' द्वारा निर्धारित किया गया था:

यदि, हालांकि, आप अपने बटनों को मनमाने ढंग से नाम देना चाहते हैं (उदाहरण के लिए, यदि आप एक बहुभाषी इंटरफ़ेस बना रहे थे), तो मान के उपयोग के बजाय

एक

पोस्ट पैरामीटर, आप सबमिट बटन प्रति एक नाम का उपयोग कर सकते हैं:

फिर, सर्वर साइड पर, आप यह देखने के लिए जाँच कर सकते हैं कि कौन सा पैरामीटर मौजूद है यह देखने के लिए जाँच करके दबाया गया था:


जवाब 2:

मान लें कि हमारे पास साइट, सेवा या जो भी एक स्वतंत्र या भुगतान किए गए सदस्य के रूप में शामिल होने के विकल्प के साथ एक पंजीकरण फॉर्म है।

हम एक साधारण फॉर्म सेट कर सकते हैं जैसे:

सभी काफी सीधे और कुछ अच्छे नए

एचटीएमएल

रास्ते में उपयोगकर्ता की मदद करने के लिए 5 विशेषताएँ।

हालाँकि, हम उस क्लिक को हटाकर भी उपयोगकर्ता की मदद कर सकते हैं जहाँ वे अपनी सदस्यता के प्रकार का चयन करते हैं, और दूसरे सबमिट बटन का उपयोग करके प्रपत्र को उत्तरोत्तर बढ़ाते हैं

formaction

HTML5 के साथ पेश की गई विशेषता।

formaction

विशेषता हमें डिफ़ॉल्ट को ओवरराइड करने की अनुमति देती है

कार्य

सर्वर पर एक अलग स्क्रिप्ट के लिए फ़ॉर्म को सबमिट करें और सबमिट करें।

formenctype

,

formmethod

तथा

formtarget

नई HTML5 विशेषताएँ भी हैं जो डिफ़ॉल्ट को ओवरराइड कर सकती हैं।

ब्राउज़र का समर्थन बहुत अच्छा नहीं है, इसलिए हम सिर्फ नया बटन नहीं खोल सकते हैं। हमें फीचर डिटेक्शन का उपयोग करना होगा और समर्थन करने वाले ब्राउज़रों में जावास्क्रिप्ट का उपयोग करके तत्व डालना होगा

formaction

, गैर-सहायक ब्राउज़र और गैर-जावास्क्रिप्ट उपयोगकर्ताओं को मूल (पूरी तरह से उपयोग करने योग्य) फ़ॉर्म के साथ छोड़ दें।

इससे पहले कि हम जावास्क्रिप्ट पर एक नज़र डालें, एक चेतावनी: मैं जावास्क्रिप्ट में बकवास कर रहा हूं। एर्गो मैं लोक से किसी भी प्रतिक्रिया की सराहना करता हूं जो इसके बारे में अधिक जानते हैं और उन लोगों को सलाह देंगे जो किसी भी टिप्पणी को पढ़ने के लिए निश्चित नहीं हैं जो जोड़े जा सकते हैं। तो आगे। पहली चीज जो हम करते हैं वह है एक विशेषता का पता लगाना:

  1. var supportFormaction = function () {var input = document.createElement ("इनपुट"); // इनपुट में मेमोरी रिटर्न "फॉर्मएशन" में एक तत्व बनाएं; // जांचें कि क्या ब्राउज़र विशेषता का समर्थन करता है}

एक उत्पादन सेटिंग में अधिक सामान्य लिखना बेहतर होगा

supportsAttribute

कार्य और तत्व और विशेषता के लिए तर्कों में पास, लेकिन हमारे पास यहां क्या है इस उदाहरण के लिए क्या करेंगे।

इसके बाद यह हेरफेर करने का एक सरल मामला है

डोम

हमारे नए बटन को समायोजित करने के लिए।

  1. if (supportFormaction ()) {var premium = document.createElement ("इनपुट"), free = document.getElementById ("सबमिट"), registration_form = document.getElementById ("रजिस्टर"); // प्रीमियम जमा बटन प्रीमियम सेट करें। शुरू करें ("फ़ॉर्मेशन", "प्रीमियम। एफपी"); Premium.type = "submit"; Premium.value = "प्रीमियम में शामिल हों"; registration_form.appendChild (प्रीमियम); // फॉर्म में नया बटन जोड़ें // मूल सबमिट बटन को एक मुफ्त सबमिट बटन free.setAttribute ("फ़ॉर्मेशन", "free.php") में बदलें; free.value = "फ्री में जुड़ें"; // रेडियो बटन दस्तावेज़ छिपाएं ।getElementById ("सदस्यता-प्रकार")। style.display = "कोई नहीं"};